nodejs 跑 vue項目


 

1. 首先安裝node.js

node.js官網下載並安裝node,安裝過程比較簡單,基本一致下一步就可以了

https://nodejs.org/en/download/

1.1 輸入 node -v,如下圖,如果出現相應的版本號,則說明安裝成功。

1.2 npm包管理器,是集成在node中的,所以,直接輸入 npm -v 就會顯示出npm的版本信息。

  注意:在安裝node.js的時候會自動安裝已集成的npm。如果是新項目,環境沒問題,如果是跑已有項目,可能存在版本不兼容問題,此時單獨下載相應版本的npm進行安裝即可。(本人初次使用node.js,或許還有更簡單的辦法)

1.3 由於有些npm有些資源被屏蔽或者是國外資源,所以會導致用npm安裝依賴包的時候失敗,所有我們需要npm的國內鏡像---cnpm。
下邊就來安裝cnpm:在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org ,如下圖:

2. 安裝vue-cli腳手架構建工具

  在命令行中運行命令 cnpm install -g vue-cli ,然后等待安裝完成。(注意:我們要用cnpm來替代npm,不然速度會很慢)

至此,我們需要的環境和工具都准備好了。

3. 運行項目

 3.1 進入項目文件夾所在目錄,運行 cnpm install

  

  安裝完成之后,我們可以在項目目錄下看到多了一個文件夾node_modules,打開文件夾我們可以看到這里邊的就是我們項目所需的依賴包。

 3.2 運行命令 npm run dev,即可服務

  

  也可以在項目文件夾下,shift+鼠標右鍵,打開PowerShell窗口,執行npm run dev進行服務啟動

  

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM