Vue2-All

Vue2 + Vue-router2 + Vuex + Webpack + Axios + jwt

采用官方Vue cli腳手架初始項(xiàng)目

目的：一步一步完善項(xiàng)目架構(gòu)、添加常用組件、代碼約束規(guī)范、添加常用第三方組件，使之能方便快速構(gòu)建適合團(tuán)隊(duì)開發(fā)的項(xiàng)目架構(gòu)。

下載：git clone https://github.com/liuweijw/Vue2-All.git

切換目錄 cd Vue2-All

安裝依賴到本地 npm install

運(yùn)行 npm run dev

本地瀏覽器查看運(yùn)行效果 http://localhost:8080

發(fā)布運(yùn)行命令 npm run build

檢查且規(guī)范代碼 npm run lint

查看項(xiàng)目分析 npm run build --report

單元測試 npm run unit

學(xué)習(xí)知識

1、nodejs docs for nodejs

2、webpack guide

3、vue2 guide

4、vue-loader docs for vue-loader

5、vuex guide

vue-devtools 很方便的查看vuex，安裝方法 guide

6、es6 guide

7、網(wǎng)絡(luò)請求封裝 axios guide

8、權(quán)限控制 jwt 后臺配合springboot工程

jwt 不需要的可以跳過

開發(fā)工具

1、git guide

2、vscode guide

vscode plugin install guide

開發(fā)規(guī)范

vscode 開發(fā)環(huán)境配置更好的匹配eslint規(guī)則定義，方便快速開發(fā)、修復(fù)問題。用戶設(shè)置如下：

{
    // 自動保存
    "files.autoSave": "onFocusChange",
    // tab 自動縮進(jìn)2個(gè)空格
    "editor.tabSize": 2,
    // 打開同類多個(gè)文件
    "workbench.editor.enablePreview": false,
    // Turns auto fix on save on or off.
    "eslint.autoFixOnSave": true,
    // 啟用后，保存文件時(shí)在文件末尾插入一個(gè)最終新行。
    "files.insertFinalNewline": true,
    // 啟用后，將在保存文件時(shí)剪裁尾隨空格。
    "files.trimTrailingWhitespace": true,
    // 采用 atom key 風(fēng)格
    "atomKeymap.promptV3Features": true,
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.formatOnPaste": true,
    // theme
    "workbench.colorTheme": "One Dark Pro",
    "workbench.iconTheme": "vscode-icons"
}

Eslint 規(guī)范定義點(diǎn)擊查看介紹更多的可以自行配置

項(xiàng)目待完成

集成weex
搭建weex-android 和 weex-ios
搭建demo工程

項(xiàng)目更新說明

2017-12-21 初始化項(xiàng)目提交
2017-12-25 完成Vue2 + Vue-router2 + Vuex + Webpack + Axios 集成并且配合服務(wù)端調(diào)試OK
2017-12-26 至 2017-12-31 集成jwt 并且完成權(quán)限驗(yàn)證、路由、登錄、登出等功能調(diào)試OK。

問題和描述

使用Visual build軟件的時(shí)候，編譯05版本的VS項(xiàng)目，報(bào)錯(cuò)：error MSB3428: 未能加載Visual C++組建"VCBuild.exe"。要解決此問題，1）安裝.NET Framework 2.0 SDK；2）安裝Microsoft Visual Studio 2005；3）如果將該組件安裝到了其他位置，請講其位置添加到系統(tǒng)路徑中；
此問題解決： npm install --global --production windows-build-tools （全局安裝windows構(gòu)建工具）

Vue2-AllVue2 + Vue-router2 + Vuex + Webpack + axios + jwt