創建vue項目。
- 安裝node(在node官網下載安裝，測試安裝打開cmd,輸入node -v)
- 安裝npm(打開cmd，輸入npm -v，測試npm是否安裝成功，node 一般自帶npm)
- 安裝vue-cli（打開cmd，輸入npm install --global vue-cli，之後輸入vue --version測試vue安裝成功與否）
- 安裝webpack（打開cmd，輸入npm install webpack -g,之後輸入webpack -v測試安裝成功與否）
- 準備工作完成，新建vue項目（打開cmd，在需要新建項目的目錄下，輸入npm init webpack project_name）
至此，一個簡單的vue項目新建成功。進入項目package.json所在目錄，打開cmd，輸入npm run dev,就可以查看新建的vue項目
新建的項目，裏面的內容主要分爲以下五個方面：
所有需要require的文件，沒有./這個的話，都去node_modules文件夾裏找
@表示自定義的根目錄
1.build-[webpack配置]
主要啓動文件是webpack.dev.conf.js
當我們輸入npm run dev時候，首先啓動的就是這個,它會去檢查node和npm版本，加載配置，然後啓動服務
2.config-[vue項目配置]
項目相關配置：主要是指定開發和打包中的靜態資源路徑、要壓縮的文件類型、開發使用的端口號、開發使用虛擬服務器跨域請求 api 等。
主要是index.js，當端口衝突時配置監聽端口，打包輸出路徑及命名等
3.node_modeles-[依賴包]
項目依賴庫，也可以自己按需要添加其它依賴：cmd。。 進入項目。。npm install 包名稱
4.src-[項目核心文件]
assets:放置靜態資源，包括公共的 css 文件、 js 文件、iconfont 字體文件、img 圖片文件 以及其他資源類文件。之所以強調是公共的 css 文件，是因爲要在組件的 css 標籤里加入 ‘scoped‘ 標記，避免污染全局樣式；
components:放置通用模塊組件。項目裏總會有一些複用的組件，例如彈出框、發送手機驗證碼、圖片上傳等。
main.js-[入口文件]：主要是引入vue框架，根據組件以及路由設置，並定義vue實例
router文件夾下的index.js設置路由，用於綁定自定義的vue文件等
5.static-[靜態文件：圖片，json數據]
以下是我將使用到的鏈接，各位看官不必在意：
js代碼規範：https://github.com/yuche/javascript