1. 程式人生 > 其它 >如何執行vue專案

如何執行vue專案

安裝node.jsnode.js官網下載並安裝node,安裝過程很簡單,一路“下一步”就可以了(傻瓜式安裝)。 安裝完成之後,開啟命令列工具,輸入node -v,如下圖,如果出現相應的版本號,則說明安裝成功。

npm包管理器,是整合在node中的,所以,直接輸入npm -v就會如下圖所示,顯示出npm的版本資訊。

OK!node環境已經安裝完成,npm包管理器也有了。由於有些npm有些資源被遮蔽或者是國外資源的原因,經常會導致用npm安裝依賴包的時候失敗,所有我還需要npm的國內映象---cnpm。

安裝cnpm

在命令列中輸入npm install -g cnpm --registry=http://registry.npm.taobao.org然後等待,安裝完成如下圖。 完成之後,我們就可以用cnpm代替npm來安裝依賴包了。如果想進一步瞭解cnpm的,檢視
淘寶npm映象官網

執行專案

在專案目錄中,執行命令npm run dev,會用熱載入的方式執行我們的應用,熱載入可以讓我們在修改完程式碼後不用手動重新整理瀏覽器就能實時看到修改後的效果。 這裡簡單介紹下npm run dev命令,其中的“run”對應的是package.json檔案中,scripts欄位中的dev,也就是node build/dev-server.js命令的一個快捷方式。 專案執行成功後,瀏覽器會自動開啟localhost:8080(如果瀏覽器沒有自動開啟,可以手動輸入)。執行成功後,會看到如下所示的介面。