如何使用vue cli生成專案

2021-07-25 12:33:11 字數 1078 閱讀 4204

vue-cli是什麼?

vue-cli 是vue.js的腳手架,用於自動生成vue.js+webpack的專案模板,分為

vue init webpack-****** 專案名 和vue init webpack 專案名 兩種。

當然首先你的安裝vue,

webpack,node等一些必要的環境

生成專案

1,開啟控制台,定位到你需要生成專案的路徑,如e盤:

2,輸入命令 vue init webpack-****** projectname   或者  vue init webpack projectname  等待生成。

安裝成功,那麼專案名,描述等自己根據需求填寫。

vue init webpack-****** 生成專案,專案目錄為:

vue init webpack生成專案,專案目錄為:

當然生成之後專案肯定是不能執行的,為什麼呢?因為很多依賴並沒有安裝(package.json就是你專案所有的依賴宣告)

(這些命令安裝成功之後也會提示,這非常好。)

cd projectname  (定位到這個專案)

輸入命令 npm install  來安裝專案所需要的依賴。

安裝成功之後 

輸入命令:"npm - run - dev" 命令來執行專案 。

而命令--"npm-run-bulid" 是執行發布的。

最後執行,如果出現這樣的介面,你就成功了。

vue cli專案使用scss

介紹乙個vue專案給大家學習,閱讀別人的專案可以快速提高自己哦,移動端vue完整專案 安裝node sass sass loader style loader,進入webpack.base.config.js配置scss。所以增加如下 當然,如果需要在vue檔案style標籤使用scss的話,需要宣...

使用vue cli構建專案。

所以操作皆在命令列下完成 npm install golbal vue clivue init webpack workname workname為專案名 tables areproject name 專案名 不可大寫 project description 專案描述 author 作者vue bu...

使用 vue cli 搭建專案

vue cli 是乙個官方發布 vue.js 專案腳手架,使用 vue cli 可以快速建立 vue 專案,github位址是 vue cli 3.x 已經發布,如果使用 3.x 構建專案,請參考 vue 爬坑之路 十二 vue cli 3.x 搭建專案 一 安裝 node.js 只是這樣安裝的 n...