在學習了Html，js，css和Vue的基礎知識後，自以爲能去開發項目了。可是當去搞時發現萬事開頭難！各種安裝和配置。其實很多東西開始時倒真的不必太在意。做好第一步——新建並啓動一個Vue項目，就達成基本目標了。我們可以使用Vue-cli腳手架進行創建Vue項目,可以達到事半功倍的效果。
說明
1) vue-cli 是 vue 官方提供的腳手架工具
2) github: https://github.com/vuejs/vue-cli
3) 作用: 從 https://github.com/vuejs-templates 下載模板項目
創建 vue 項目
命令行中輸入一下命令
npm install -g vue-cli
vue init webpack vue_demo
cd vue_demo
npm install
npm run dev
訪問: http://localhost:8080/
模板項目的結構
|-- build : webpack 相關的配置文件夾(基本不需要修改)
|-- dev-server.js : 通過 express 啓動後臺服務器
|-- config: webpack 相關的配置文件夾(基本不需要修改)
|-- index.js: 指定的後臺服務的端口號和靜態資源文件夾
|-- node_modules
|-- src : 源碼文件夾
|-- components: vue 組件及其相關資源文件夾
|-- App.vue: 應用根主組件
|-- main.js: 應用入口 js
|-- static: 靜態資源文件夾
|-- .babelrc: babel 的配置文件
|-- .eslintignore: eslint 檢查忽略的配置
|-- .eslintrc.js: eslint 檢查的配置
|-- .gitignore: git 版本管制忽略的配置
|-- index.html: 主頁面文件
|-- package.json: 應用包配置文件
|-- README.md: 應用描述說明的 readme 文件