天天看點

從零開始用vue-cli腳手架搭建一個vue項目

1. 安裝git

熟悉使用git常用指令

參考連結

  • https://git-scm.com/book/zh/v2
  • https://learngitbranching.js.org/
  • https://www.liaoxuefeng.com/wiki/896043488029600

2. 安裝Node.js

會預設安裝npm(包管理工具)順便了解一下nrm(管理npm源的工具)、nvm(Nodejs 版本管理器)

參考連結

https://blog.csdn.net/qq_27626333/article/details/77857223

https://www.jianshu.com/p/78487aae5fbe

3. 安裝cnpm

npm install -g cnpm --registry=<a href="https://registry.npm.taobao.org" target="_blank" rel="external nofollow"  
           

4. 安裝vue-cli

cnpm install –g vue-cli
           

5. 建立vue項目

vue init webpack projectname
           

指令輸入後進入安裝階段,按照提示輸入資訊,之後打開項目所在檔案運作npm指令

npm insatll
           
npm run dev
           
從零開始用vue-cli腳手架搭建一個vue項目

項目成功運作Ending

vue