一、首先打開桌面win+r 打開命令窗口,cmd回車
二、全局安裝vue,輸入cnpm install vue-cli -g 回車(注意使用此命令是先要安裝cnpm,沒有安裝的話也是在此頁面輸入:npm install -g cnpm --registry=http://reigstry.npm.taobao.org)回車即可
三、安裝成功之創建一個空文件夾用於存放vue腳手架,打開文件夾所在根目錄,按以下步驟操作:按住shift+右鍵點擊,選中在此打開powerShell窗口(win10顯示,其他顯示在此打開命令窗口)---》輸入vue init webpack-simple 項目名稱 ----》一直回車,知道是否使用sass點擊no,然后會出現三個指令,例如 1、 cd myapp (此命令是打開myapp目錄) 2、npm install (安裝依賴文件)3、npm run dev(運行的指令)(此時腳手架已經搭建完成,即可去項目文件夾查看安裝好的腳手架),按此命令才操作到第二步,然后打開項目文件夾所在根目錄,打開命令窗口,(操作方法同第三步打開根目錄窗口一樣做即可,)輸入第三個指令,即可運行文件(此指令創建的腳手架不包含路由,初級操作可以使用,當要使用路由時需要重新打開一個文件夾)
四、第三步安裝的是普通使用腳手架,當要創建項目時就要使用帶路由的腳手架,就要重新創建一個空的文件夾,然后按以下步驟操作:按住shift+右鍵點擊,選中在此打開powerShell窗口(win10顯示,其他顯示在此打開命令窗口)---》輸入vue init webpack 項目名稱 ----》配置項按以下進行:1、project name按enter2、project description 按enter3、author 按enter4、vue build 按enter
五、install vue-router 按y 6、use eslink to lint your code? 按n 7、set up unit tests 按n 8、set up e2e tests with nightwatch 按n 9、should we run `npm install` for you after the
project has been created? 按第三個(no,i will handel that myself)此刻配置就完成了
六、第五步完成之后,會出現三個指令例如 1、 cd myapp (此命令是打開myapp目錄) 2、npm install (安裝依賴文件或者使用cnpm install)3、npm run dev(運行的指令)(此時腳手架已經搭建完成,即可去項目文件夾查看安裝好的腳手架)按此命令才操作到第二步,然后打開項目文件夾所在根目錄,打開命令窗口,(操作方法同第三步打開根目錄窗口一樣做即可,)輸入第三個指令,即可運行文件,也可以通過輸入npm start 運行文件
