1.新建項(xiàng)目
打開Visual Studio Code衣厘；
打開一個你想在其里面創(chuàng)建項(xiàng)目的文件夾；
打開終端：IDE頂部 查看->終端 或用快捷鍵crtl+`
若還未安裝vue的腳手架構(gòu)建工具vue-cli浅碾，先安裝（在終端輸入命令：npm install -g vue-cli)。
注：以后每次新建一個項(xiàng)目都需安裝一次vue-cli续语。
接下來新建項(xiàng)目：輸入命令：vue init webpack projectname
注：projectname為你所建項(xiàng)目的名字垂谢，我這里將ex2作為我項(xiàng)目的名字，你隨意疮茄。
接下來需要你輸入一些配置選項(xiàng)信息滥朱，我填的如下所示：
之前參考別人的方法根暑，有的將Use ESLint to lint your code?選為Yes，但我在后面運(yùn)行項(xiàng)目時報錯徙邻，我改選n后排嫌，就正常運(yùn)行了。不知道你是否遇到了這樣的問題鹃栽，可能跟環(huán)境有關(guān)吧躏率，可以兩種情況都試試躯畴。
2.運(yùn)行項(xiàng)目
項(xiàng)目安裝完成后民鼓，依次運(yùn)行命令：cd ex2 和 npm run dev，如下所示：
正常情況下會顯示如下結(jié)果：
按住crtl點(diǎn)擊網(wǎng)址即可看到工程的運(yùn)行結(jié)果蓬抄，如下圖所示：
