開發(fā)環(huán)境
- windows 10
- vscode
安裝步驟
step1. 安裝Node.js捕仔，可以查看我的文章肆资，僅供參考：Node.js入門及安裝
step2.安裝vue-cli
使用vue-cli（腳手架）搭建項(xiàng)目忍捡，vue-cli是Vue官方提供的用于搭建基于 vue+webpack+es6項(xiàng)目的腳手架工具员淫。
GitHub地址：vue-cli
全局安裝：-g 表示全局安裝vue-cli
npm install -g vue-cli
step2.初始化項(xiàng)目
初始化基于webpack的模板項(xiàng)目，projectName為項(xiàng)目名稱料皇，可以自動(dòng)生成目錄及相關(guān)文件，跟Koa生成器差不多
vue init webpack projectName
在初始化的過程中會(huì)詢問一些相關(guān)的說明和配置星压，這些說明和配置會(huì)寫入package.json文件中践剂，會(huì)自動(dòng)生成對(duì)應(yīng)的模塊,如果需要使用ESLint規(guī)范和相關(guān)的unit test 和e2e，請(qǐng)輸入yes娜膘，這樣初始化出來(lái)的項(xiàng)目逊脯，會(huì)自動(dòng)配置好對(duì)應(yīng)的模塊。竣贪。
image
初始化完成后
image.png
npm run dev
image.png
訪問此地址即可看到
image.png
至此军洼，vue-cli搭建項(xiàng)目已經(jīng)完成！
