首頁 > web前端 > Vue.js > 怎麼運行vue.js

怎麼運行vue.js

藏色散人
發布: 2023-01-13 00:44:59
原創
9603 人瀏覽過

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

怎麼運行vue.js

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

【相關文章推薦:vue.js

執行vue專案(github專案)

安裝node.js

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

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

怎麼運行vue.js

怎麼運行vue.js

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中文網其他相關文章!

相關標籤:
vue
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板