局部使用vue和vue-cli構建本身的項目

若是你只想在本地的文件夾裏使用vue和它的腳手架工具，那麼下面的內容應該很是適合你。

局部安裝vue-cli

Vue-cli是快速構建這個單頁應用的腳手架.只須要幾分鐘的時間就能夠運行起來並帶有熱重載、保存時 lint 校驗，以及生產環境可用的構建版本.注意局部使用時不能使用-g命令。

npm install vue-cli
複製代碼

出現以下的代碼則說明你的腳手架工具已經安裝完成了。

安裝vue

下面安裝vue，方式和vue-cli相似.

npm install vue
複製代碼

成功後以下圖

而後輸入下面的命令確保vue命令可用：

vue -V
複製代碼

若是命令行中出現的不是你安裝的vue版本信息，而是和下面截圖提示同樣：

表示系統沒有找到 vue.cmd 的地址，須要將地址加入到環境變量。

vue.cmd 加入到環境變量

首先找到你剛纔安裝vue和vue-cli的文件夾下面，進入node_modules文件夾，搜索vue.cmd

而後右鍵搜索到的文件，打開文件位置。 複製地址欄中的地址內容

右鍵桌面的計算機圖標，選擇屬性，進入後在左側菜單中選擇高級系統設置

點擊高級選擇環境變量

在下方的系統變量裏找到path,雙擊打開編輯

最後在輸入框的結尾加入;和你剛纔複製的地址欄信息，而後點擊肯定。再次打開編輯器就能夠是用vue相關命令了。

初始化項目

接下來你能夠使用下面的命令來讓腳手架生成一個vue項目了，本身試試吧

vue init <template-name> <project-name> 複製代碼