使用webpack建立vue專案

在使用webpack建立vue專案時，你需要先將下面開發環境搞定。

進入想要建立專案的目錄，右鍵開啟cmd，輸入建立命令，my-project為專案的名字，可以自行修改，但是不得包含大寫字母。

vue init webpack my-project

建立選項設定，下面為經過一步驟後會出現的建立選項。如果沒有特殊需求可以做如下配置即可建立乙個vue專案。

? project name fr

? project description this is a project about facerecognition
? author alan
? vue build standalone
? install vue-router? yes
? use eslint to lint your code? no
? set up unit tests no
? setup e2e tests with nightwatch? no
? should we run `
npminstall
` for you after the project has been created? (recommended)
npm

? project name fr

專案描述。可以對專案進行簡單描述，這一部分描述會被自動加入到專案的readme.md文件中。

? project description this is a project about facerecognition

專案作者。如果不需要就直接回車，否則刪除重新設定。

? author alan

構建方式。

兩個選擇（上下箭頭選擇，回車即為選定）建議選擇 : runtime + compiler:recommended for most users

專案推薦使用1選項，適合大多數使用者

是否安裝路由外掛程式。建議：yes

? install vue-router? yes

是否使用eslint檢測你的**。建議：no

eslint 是乙個語法規則和**風格的檢查工具，可以用來保證寫出語法正確、風格統一的**。

建議選擇 『n』是 因為選擇 『y』 在做除錯專案時,控制台會有很多 黃色警告 提示格式不規範,但其實並不影響專案，對於不熟悉的人來說反而會降低開發效率。

? use eslint to lint your code? no

是否安裝單元測試。建議：no

? set up unit tests no

是否安裝e2e測試框架nightwatch（e2e（end to end），就是所謂的「使用者真實場景」）。建議：no

? setup e2e tests with nightwatch? no

專案建立後是否要為你執行「npm install」?這裡按照推薦，選擇包管理工具。建議：yes use npm

? should we run `

npminstall
` for you after the project has been created? (recommended)
npm

webpack建立vue專案

title webpack建立vue專案 tag webpack,vue,前端 歡迎檢視我的部落格 永無島 node v 10.4.0 npm v 6.1.0 檢視本專案原始碼請移步這裡 新建專案目錄 進入cmd,cmd目錄指定到專案目錄 mkdir myvuetest cd myvuetest 建...

vue使用vue cli腳手架建立vue專案

一 準備工作 安裝完成後，在命令列工具繼續輸入，全域性安裝腳手架vue cli npm install g vue clinpm install g cnpm registry 然後再使用cnpm來安裝vue cli cnpm install g vue cli安裝vue cli後，使用命令vue ...

webpack中使用Vue小結

npm i vue s完成這個命令後，最新vue包就會自動新增到本專案的node modules中 2.由於在webpack中推薦使用vue這個元件模版定義元件，所以需要安裝能解析這種檔案的loader,npm i vue loader vue template complier dwebpack老...