原文
大綱
1坠韩、安裝NodeJs
2、安裝vue-cli
3炼列、創(chuàng)建項(xiàng)目
4只搁、啟動(dòng)項(xiàng)目
5、打包項(xiàng)目
6俭尖、項(xiàng)目實(shí)例
1氢惋、安裝NodeJs
NodeJs安裝好之后會(huì)連帶著安裝一個(gè)npm洞翩，nodeJs的安裝流程很簡單，按著步驟一步一步下來即可焰望。
安裝完成之后在控制臺上輸入npm -v 以及 node -v若成功則會(huì)輸出對應(yīng)版本骚亿，并且已經(jīng)將npm和node部署到了全局的環(huán)境變量。
2熊赖、安裝vue-cli
安裝完成之后来屠，可以通過vue list來查看可以使用哪些模板
npm install -g vue-cli
安裝vue-cli
3、創(chuàng)建項(xiàng)目
完成項(xiàng)目的一系列配置
vue init webpack <your project>
image.png
4震鹉、啟動(dòng)項(xiàng)目
npm run dev
啟動(dòng)之后的提示端口8080中打開了應(yīng)用
啟動(dòng)項(xiàng)目
5俱笛、打包項(xiàng)目
npm run build
6、項(xiàng)目實(shí)例
vue項(xiàng)目實(shí)例中的vue-base中就是我自己搭建的vue的初始項(xiàng)目传趾。
