前提:入坑vue.js,從GitHub上download一個vue.js的開源項目,發現不知如何在瀏覽器運行,經過查閱網上教程,發現網上的不少是教你怎麼新建項目,並無一個是教如何打開已有的項目。自已折騰了一下,成功搭建好項目環境,最終調試成功。如今將過程分享給你們。vue
首先,這個教程主要針對vue小白,而且不知道安裝node.js環境的。言歸正傳,下面開始教程:node
首先下載安裝node.js
從node.js官網下載並安裝node,安裝過程很簡單,一路「下一步」就能夠了。
webpack
根據本身電腦選擇32位/64位。安裝好node,能夠先進行下簡單的測試安裝是否成功了,後面還要進行環境配置
在鍵盤按下【win+R】鍵,輸入cmd,而後回車,打開cmd窗口
web
安裝cnpm
因爲npm有些資源被屏蔽或者是國外資源的緣由,常常會致使用npm安裝依賴包的時候失敗,全部我還須要npm的國內鏡像---cnpm
在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org vue-cli
安裝webpack
npm install webpack -gnpm
安裝vue-cli
cnpm install vue-cli -g
這個過程會耗時十幾秒,等走完就好瀏覽器
好了,到此整個環境就搭建好了測試
下面就是運行項目了spa
cd desktop/項目名稱
命令行
進入項目以後安裝依賴
npm install
安裝成功後你會發現項目裏多了個
而後
npm run dev
自動啓動瀏覽器就會打開項目了