腳手架搭建
# install vue-cli
$ npm install --global vue-cli
# create a new project using the "webpack" template
$ vue init webpack my-project
# install dependencies and go!
$ cd my-project
$ npm install
$ npm run dev
Paste_Image.png
安裝成功后，用vue -V查看版本
新建項目，并初始化：vue init webpack vue_demo
Paste_Image.png
初始化完成
項目名稱：vue_demo
項目描述：a demo for vue
作者：。饼煞。。
安裝vue-router
使用EsLint（語法檢查）
不使用單元測試
進(jìn)入項目目錄雄坪，查看初始化的項目文件
Paste_Image.png
這時項目還不能運行，需要安裝依賴包屯蹦，項目依賴的第三方庫存在"package.json"文件中
Paste_Image.png
進(jìn)入項目根目錄维哈，安裝依賴： npm install
Paste_Image.png
安裝完成后，項目中會新增一個“node_modules”文件夾登澜，里面存的是項目引用的依賴項阔挠。
運行項目
Paste_Image.png
vue開發(fā)工具會啟動一個server監(jiān)聽本地8080端口，在瀏覽器中可以訪問脑蠕。
Paste_Image.png
