vue環境配置
阿新 • • 發佈:2017-09-30
ext org too 回車 com 說明 ogl log htm
1.安裝node.js 下載安裝包(http://nodejs.cn/download/)註意版本太低的用不了,這裏是v8.4.0, 具體安裝教程可見:http://www.runoob.com/nodejs/nodejs-install-setup.html,這裏面的版本低,安裝包從前一個地址下載,安裝過程可參考本教程。
2.安裝淘寶npm鏡像,cmd輸入:npm install -g cnpm --registry=https://registry.npm.taobao.org 安裝
3.安裝全局vue-cli, cmd輸入:cnpm install -g vue-cli 安裝
cmd輸入:vue,回車,出現vue信息說明安裝成功
4.創建項目: 進入想要安裝的盤目錄如E盤 cmd輸入: e: 進入到E盤根目錄,然後創建vue項目文件夾,這裏把文件命名為test, cmd輸入:vue init webpack test,創建文件夾
5.安裝依賴;cmd輸入:cd test 進入到具體項目文件夾,輸入:cnpm install,回車,test文件夾目錄下出現node_modules文件夾
6.測試環境是否搭建成功,在cmd裏輸入:cnpm run dev,瀏覽器出現localhost:8080窗口,成功安裝
7.配置好環境之後,安裝vuedevtools調試工具, 下載地址,chrome安裝vuedevtools插件,進不去google應用商店的話,進入http://getcrx.cn下載離線文件,然後拖到chorme插件安裝,安裝成功調試
vue環境配置