vue運行環境安裝


從node.js官網下載並安裝node
安裝完成之后,打開命令行工具,輸入 node -v,如下圖,如果出現相應的版本號,則說明安裝成功。
npm包管理器,是集成在node中的,所以,直接輸入 npm -v就會如下圖所示,顯示出npm的版本信息。

cd 到項目目錄下
執行npm install chalk
安裝完成后,文件夾中多出一個node_modules文件夾,這里邊就是我們項目需要的依賴包資源。
在項目目錄中,運行命令 npm run dev 項目就可以跑起來了。這時瀏覽器會自動打開localhost:8080(如果瀏覽器沒有自動打開,可以手動輸入)。

 

========================以下是可以自己新建vue項目得辦法============

輸入兩行命令(注意這兩個命令的先后順序)

npm install webpack -g

npm install vue-cli -g

 

在文件夾下面打開命令窗口,在此文件夾內用vue初始化一個項目。

輸入

vue init webpack 項目名稱

================如果執行上面出現===>一直處於...downloading template狀態。則執行下面得方法===============

運行nrm use taobao切換npm到淘寶鏡像。

       nrm不是內部或外部命令,也不是可運行的程序,解決方法:

       安裝nrm:npm install nrm -g

       nrm ls 查看所有可用的路徑。

 

運行nrm use taobao切換npm到淘寶鏡像。

 

 

運行npm install webpack -g,重新安裝webpack。

 

 

重新運行vue init webpack 項目名稱,項目就可以構建成功了。

 

 

項目文件夾里面出現如下文件

 

 


免責聲明!

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



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