npm安裝 nodejs安裝 vue vuecli開發環境搭建教程


1.下載node.js (下載地址 https://nodejs.org/zh-cn/download/)

 

   安裝過程全是點下一步,過程略,安裝nodejs時自動安裝npm

 2.cmd下查看node版本:node -v (查看npm版本:npm -v)

 

 

3.(可跳過) 裝cnpm (node.js安裝以后在cmd下命令:npm install -g cnpm --registry=https://registry.npm.taobao.org )
   這樣就可以使用cnpm命令了,因為cnpm使用國內服務器所有以后npm速度會塊很多。

 

 4.因為npm官方地址太慢,所以設置npm的registry地址改為阿里的:(https://developer.aliyun.com/mirror/NPM?from=tnpm)

查看了下當前的npm的registry 配置:npm config get registry

 

 可以看出當前還用的是npm 默認倉庫地址,要修改成taobao的鏡像npm 倉庫地址

cmd下命令:npm config set registry https://registry.npm.taobao.org 

  

5.安裝最新的vue腳手架vue-cli(cmd下命令:npm install -g @vue/cli)
(如果第3步安裝了cnpm可在cmd下命令:cnpm install -g @vue/cli)
說明(如果你之前已經安裝vuecli2 請先用命令:npm uninstall -g vue-cli 卸載之前的vuecli2,否則不能使用vue create命令)
 

 

 

6.cmd查看vue-cli版本命令:vue -V (當前的是4.*的版本了)

 

  

7.創建項目(cmd下命令:vue create my-project)
my-project是項目名字,我這里用的是demo1
第一步會提示用了vue3還是vue2,我選的vue2
 

 

 8.啟動項目 (先命令:cd my-project 再命令:npm run serve)

用vscode打開生成的項目文件夾,在終端里輸入:npm run serve

啟動運行調試

 

 

 

9.瀏覽器打開:http://localhost:8080/

 

 

 


免責聲明!

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



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