Vue-Cli搭建,(腳手架)
阿新 • • 發佈:2020-11-21
一,什麼是vue-cli
vue-cli官方提供的一個腳手架,用於快速搭建vue基本專案
二,需要的環境:
Node.js:http://nodejs.cn/download/
Git:http://git-scm.com/downloads
映象:https://npm.taobao.org/mirrors/git-for-windows/
` 確認nodejs安裝成功:
- 在cmd下輸入 node -v,檢視是否打印出版本號
- 在cmd下輸入 npm -v,檢視是否打印出版本號
注意:npm,就是一個軟體包管理工具
安裝Node.js淘寶映象加速器(cnpm),下載速度會更快
注:能用npm(官方)的就用官方的,用加速器有一定機率觸發未知的錯誤
# -g 就是全域性安裝
npm install cnpm -g 全域性安裝淘寶映象
# 或者用如下語句解決npm速度慢問題
npm install --registry=https://registry.npm.taobao.org
安裝vue-cli
cnpm install vue-cli -g
到這裡vue的基本開發環境就搭好啦,下面要搭建vue專案
三,Vue專案搭建
1.建立一個Vue專案(隨便建一個空資料夾)
eg:E:\vuestudy
注:cmd指令也要在此路徑處執行(2)的語句
2.在cmd中輸入如下指令
在此處執行
#其中myvue是資料夾名字
npm init webpack myvue
最後,初始化並執行:
cd myvue 跳轉到建立的Vue專案資料夾下
npm install npm下載
npm run dev 執行
代表成功,輸入裡面網址驗證
注意:在Vue專案的config/index.js中可以修改埠號