那麽開始吧 首先整理一下標簽吧 總是百度找到一些好的文章 就存成書簽 但是書簽多了以後看不過來 也沒有經常回顧

http://blog.csdn.net/FungLeo/article/details/77601270 配置axios api 接口調用文件

https://segmentfault.com/p/1210000008583242/read?from=timeline vue開源項目匯總

　　npm install -g vue-cli 安裝完成後vue -V

　　vue init webpack vue-demo 用我們剛剛安裝的 vue-cli

　　cd vue-demo

　　npm install

　　npm run dev

初始文件解析

　　├── README.md                       // 項目說明文檔
　　├── node_modules                    // 項目依賴包文件夾
　　├── build                           // 編譯配置文件，一般不用管
　　│   ├── build.js
　　│   ├── check-versions.js
　　│   ├── dev-client.js
　　│   ├── dev-server.js
　　│   ├── utils.js
　　│   ├── vue-loader.conf.js
　　│   ├── webpack.base.conf.js
　　│   ├── webpack.dev.conf.js
　　│   └── webpack.prod.conf.js
　　├── config                         // 項目基本設置文件夾
　　│   ├── dev.env.js              // 開發配置文件
　　│   ├── index.js                  // 配置主文件
　　│   └── prod.env.js            // 編譯配置文件
　　├── index.html                  // 項目入口文件
　　├── package-lock.json      // npm5 新增文件，優化性能
　　├── package.json              // 項目依賴包配置文件
　　├── src                               // 我們的項目的源碼編寫文件
　　│   ├── App.vue                 // APP入口文件
　　│   ├── assets                    // 初始項目資源目錄，回頭刪掉
　　│   │   └── logo.png
　　│   ├── components         // 組件目錄
　　│   │   └── Hello.vue         // 測試組件，回頭刪除
　　│   ├── main.js                  // 主配置文件
　　│   └── router                   // 路由配置文件夾
　　│       └── index.js             // 路由配置文件
　　└── static                          // 資源放置目錄
 

src 目錄

　 ├── App.vue　　 // APP入口文件

　 ├── api 　　// 接口調用工具文件夾

　　│ └── index.js 　　// 接口調用工具

　 ├── components 　　// 組件文件夾，目前為空

　 ├── config 　　// 項目配置文件夾

　　│ └── index.js 　　// 項目配置文件

　 ├── frame 　　// 子路由文件夾

　　│ └── frame.vue 　　// 默認子路由文件

　 ├── main.js 　　// 項目配置文件

　 ├── page 　　// 我們的頁面組件文件夾

　　│ ├── content.vue 　　// 準備些 cnodejs 的內容頁面

　　│ └── index.vue 　　// 準備些 cnodejs 的列表頁面

　 ├── router 　　// 路由配置文件夾

　　│ └── index.js 　　// 路由配置文件

　 ├── style 　　// scss 樣式存放目錄

　　│ ├── base 　　// 基礎樣式存放目錄

　　│ │ ├── _base.scss 　　// 基礎樣式文件

　　│ │ ├── _color.scss 　　// 項目顏色配置變量文件

　　│ │ ├── _mixin.scss 　　// scss 混入文件

　　│ │ └── _reset.scss 　　// 瀏覽器初始化文件

　　│ ├── scss 　　// 頁面樣式文件夾

　　│ │ ├── _content.scss 　　// 內容頁面樣式文件

　　│ │ └── _index.scss 　　// 列表樣式文件

　　│ └── style.scss　　 // 主樣式文件

　　└── utils 　　// 常用工具文件夾

　　└── index.js 　　// 常用工具文件

static 目錄

　　├── css // 放一些第三方的樣式文件

　　├── font // 放字體圖標文件

　　├── image // 放圖片文件，如果是復雜項目，可以在這裏面再分門別類

　　└── js // 放一些第三方的JS文件，如 jquery

　　關於代碼規範 一般我都是選no要不寫一步就報錯 真的不習慣

• 縮進使用兩個空格。
• 字符串使用單引號，用雙引號只是為了避免轉義單引號。
• 無未使用變量。這能幫助發現大量的錯誤。
• 不使用分號。這麽做，沒問題，真的！
• 行首不能是 ( ，[ 或 ` 。
  關鍵字後面放一個空格。if (condition) { ... }
  • 這是省略分號時唯一陷阱—— standard 自動為你檢查。
• 函數名字後面放一個空格。function name (arg) { ... }
• 始終用 ===，不要用 ==。不過可以用 obj == null 檢測 null || undefined。
• 始終處理 node.js 回調的 err 參數。
• 始終以 window 引用瀏覽器的全局變量。 document 和 navigator 除外。
• 這是為了防止使用瀏覽器那些命名糟糕的全局變量，比如 open, length, event 和 name。

1. vue.js 核心
2. VueRouter2 實現路由組織工具。
3. webpack 項目打包以及編譯工具。
4. nodejs 前端開發環境。
5. npm 前端包管理器。
6. axios ajax 接口請求工具。
7. sass-loader 和 node-sass css 預處理。
8. element 基於 vue 的後臺組件庫。
9. iview 基於 vue 的另一套後臺組件庫。
10. vue-cli vue 項目腳手架。一鍵安裝 vue 全家桶的工具。

整理一點書簽（關於vue）