怎麼運行vue.js

運行vue.js的方法：先搭建好環境；然後透過指令「cd desktop/專案名稱」進入專案；接著透過指令「npm install」安裝依賴；最後使用指令「npm run dev」運行項目即可。

本教學操作環境：windows7系統、vue2.0版本，Dell G3電腦。

【相關文章推薦：vue.js】

執行vue專案（github專案）

安裝node.js

從node.js官網下載並安裝node，安裝過程很簡單，一路「下一步」就可以了（傻瓜式安裝）。

安裝完成之後，開啟命令列工具，輸入node -v，npm套件管理器，是整合在node中的，所以，直接輸入npm -v就會如圖所示，顯示出npm的版本資訊。如下圖，如果出現對應的版本號，則表示安裝成功。

2.安裝cnpm

由於npm有些資源被屏蔽或是國外資源的原因，常常會導致用npm安裝依賴套件的時候失敗，所有我還需要npm的國內鏡像---cnpm

在命令列輸入npm install -g cnpm --registry= http://registry.npm.taobao.org

如果mac下安裝失敗，提示權限不夠，在命令列下輸入

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose

3.安裝webpack

npm install webpack -g

4.安裝vue-cli

cnpm install vue-cli -g

這個過程會耗時十幾秒，等走完就好

好了，這時候整個環境搭建好了，接下來運行項目

首先

cd desktop/项目名称

然後，進入專案之後安裝依賴

npm install

再然後

npm run dev

這時候你會看到專案已經在瀏覽器中運作了。

以上是怎麼運行vue.js的詳細內容。更多資訊請關注PHP中文網其他相關文章！