開發(fā)環(huán)境

• windows 10
• vscode

安裝步驟

step1. 安裝Node.js，可以查看我的文章，僅供參考：Node.js入門及安裝

step2.安裝vue-cli

使用vue-cli（腳手架）搭建項目，vue-cli是Vue官方提供的用于搭建基于 vue+webpack+es6項目的腳手架工具。
GitHub地址：vue-cli

全局安裝：-g 表示全局安裝vue-cli

npm install -g vue-cli

step2.初始化項目

初始化基于webpack的模板項目，projectName為項目名稱，可以自動生成目錄及相關(guān)文件，跟Koa生成器差不多

vue init webpack projectName

在初始化的過程中會詢問一些相關(guān)的說明和配置，這些說明和配置會寫入package.json文件中，會自動生成對應(yīng)的模塊,如果需要使用ESLint規(guī)范和相關(guān)的unit test 和e2e，請輸入yes，這樣初始化出來的項目，會自動配置好對應(yīng)的模塊。。

image

初始化完成后

image.png

npm run dev

image.png

訪問此地址即可看到

image.png