1. 程式人生 > >vue環境配置

vue環境配置

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環境配置