步驟一、安裝vue-cli
首先，我們可以通過npm安裝vue-clic,前提是我們需要有node環境，如果電腦還沒安裝node，先安裝，可通過 node -v
查詢node的版本號，有版本號則已經安裝成功；
node下載https://nodejs.org/en/地址
接下來，我們需要確保電腦已經安裝了webpack，webpack是一個包管理工具，也是vue-cli的構建工具，安裝也很簡單，全局安裝只需要執行
npm install webpack -g
緊接着，開始我們vue-cli的安裝
npm install --global vue-cli
完成後輸入 vue -V查看是否安裝成功，V大寫
注意：
vue : 無法加載文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因爲在此係統禁止運行腳本
原創爲情難免淚孤別 最後發佈於2019-09-09 10:28:42 閱讀數 19853 收藏
展開
在用腳手架搭建vue項目時，提示：無法加載文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因爲在此係統禁止運行腳本
這是你筆記本禁止運行腳本，解決辦法
1.管理員身份打開
2
3.輸入set-ExecutionPolicy RemoteSigned
4.選擇Y 或者A ，就好了
步驟二、構建項目
新建一個文件夾作爲項目存放地，然後使用命令行cd進入到項目目錄輸入如圖：
vue init webpack projectName
輸入命令後，會跳出幾個選項讓你回答：n
- Project name (projectname)： -----項目名稱，直接回車，按照括號中默認名字（注意這裏的名字不能有大寫字母，如果有會報錯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是個代碼風格管理工具，是用來統一代碼風格的，一般項目中都會使用。
接下來也是選擇題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回車
回答完畢後上圖就開始構建項目了。
配置完成後，可以看到目錄下多出了一個項目文件夾projectname，然後cd進入這個文件夾：
安裝依賴：
npm install
安裝完成後的目錄
啓動項目
npm run dev
啓動完成界面
這個時候，我們可以打開瀏覽器，輸入http://localhost:8080/，可看到如下界面，說明我們的項目腳手架已經初始化完成；
vue-cli腳手架webpack配置文件詳解 https://segmentfault.com/a/1190000014804826/
打包上線
npm run build
打包完成後，會生成 dist 文件夾，如果已經修改了文件路徑，可以直接打開本地文件查看。
項目上線時，只需要將 dist 文件夾放到服務器就行了。
npm開啓了npm run dev以後怎麼退出關閉？ ctrl+c
