1.cnpm install --global vue-cli 安裝腳手架

2.vue init webpack baoge 創(chuàng)建

3.選擇配置項

• • Project name (baoge)： -----項目名稱，直接回車，按照括號中默認名字（注意這里的名字不能有大寫字母，如果有會報錯Sorry, name can no longer contain capital letters），
  • Project description (A Vue.js project)： ----項目描述，也可直接點擊回車，使用默認名字
  • Author ()： ----作者，輸入你的大名
    接下來會讓用戶選擇：
  • Runtime + Compiler: recommended for most users 運行加編譯，既然已經說了推薦，就選它了
    Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 僅運行時，已經有推薦了就選擇第一個了
  • Install vue-router? (Y/n) 是否安裝vue-router，這是官方的路由，大多數情況下都使用，這里就輸入“y”后回車即可。
  • Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代碼，ESLint是個代碼風格管理工具，是用來統(tǒng)一代碼風格的，一般項目中都會使用。
    接下來也是選擇題Pick an ESLint preset (Use arrow keys) 選擇一個ESLint預設，編寫vue項目時的代碼風格，直接y回車
  • Setup unit tests with Karma + Mocha? (Y/n) 是否安裝單元測試，我選擇安裝y回車
  • Setup e2e tests with Nightwatch(Y/n)? 是否安裝e2e測試 ，我選擇安裝y回車

?

4.相關配置項解釋?
https://blog.csdn.net/wulala_hei/article/details/80488674

轉載于:https://www.cnblogs.com/tongbiao/p/9374901.html

總結

以上是生活随笔為你收集整理的vue-cli 上手的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。