2.17.1 • Published 5 years ago
vue-cli-plugin-paradise-soft-starter-template v2.17.1
vue-cli-plugin-paradise-soft-starter-template
使用 vue-cli 3 快速建立關於 vue 的起始模板
如何使用
- 安裝 Vue CLI 3:
$ npm install -g @vue/cli
- 建立專案(Router, Vuex, Sass, Linter)
$ vue create my-project
- 建立起始模板
$ vue add paradise-soft-starter-template
專案架構
├── /node_modules/ # 第三方套件
├── /public/ # 靜態檔案,會被複製到 dist 文件夾
├── /src/ # 應用程式 source code
│ ├── /api/ # 有關 Api 的請求都放在這裡
│ ├── /assets/ # 資源
│ ├── /components/ # Vue components
│ ├── /filters/ # Global filters
│ ├── /layouts/ # Layouts
│ ├── /mixins/ # Global mixins
│ ├── /pages/ # 關於頁面的文件夾
│ ├── /router/ # 頁面的路由
│ ├── /store/ # Global 資料管理
│ ├── /styles/ # 樣式文件夾
│ ├── /utils/ # 一些好用的工具
│ ├── /vendor/ # 把第三方套件整理成我們比較好用的工具
│ ├── /App.vue # 入口頁面
│ └── /main.js # startup script
├── /tests/ # 放測試 code 的文件夾
├── .browserslistrc # 瀏覽器支援設定
├── .env # 環境檔
├── .eslintrc.js # eslint 設定檔
├── .gitlab-ci.yml # 叫 gitlab 做事的檔案
├── babel.config.js # babel 設定檔
├── db.json # Json server DB
├── jest.config.js # jest 設定檔
├── Dockerfile # 叫 Docker 做事的檔案
├── package.json # 第三方套件清單
├── vue.config.js # Vue CLI 3 的設定檔
└── yarn.lock # 鎖定第三方套件依賴包版本
專案架構說明
程式碼規範檢查
使用 VUE CLI 3 建立專案時,Linter / Formatter 的設定選擇 ESLint + Airbnb config,然後編輯 .eslintrc.js
module.exports = {
root: true,
env: {
node: true,
},
extends: [
'plugin:vue/essential',
'@vue/airbnb',
],
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
semi: ['error', 'always'],
'object-curly-spacing': ['error', 'always'],
quotes: ['error', 'single'],
'comma-dangle': ["error", "only-multiline"],
'arrow-parens': ['error', 'always'],
'import/extensions': 'off',
'no-param-reassign': 'off',
'no-shadow': 'off',
'linebreak-style': 'off',
},
parserOptions: {
parser: 'babel-eslint',
},
};
快速開始
- 建立 .env 設定檔, 詳細請參考 Vue CLI 环境变量和模式
VUE_APP_API_URL=http://localhost:3002
- 安裝依賴套件
$ npm install
- 啟動專案(開發模式)
$ npm run serve
- 建立專案
$ npm run build
- 啟動服務
$ npm run start
2.17.1
5 years ago
2.17.0
5 years ago
2.16.0
5 years ago
2.15.2
5 years ago
2.15.1
5 years ago
2.15.0
5 years ago
2.14.5
5 years ago
2.14.4
5 years ago
2.14.3
5 years ago
2.14.2
5 years ago
2.14.1
5 years ago
2.13.0
5 years ago
2.12.0
5 years ago
2.11.0
5 years ago
2.10.1
5 years ago
2.10.0
5 years ago
2.9.0
5 years ago
2.8.3
5 years ago
2.8.2
5 years ago
2.8.1
5 years ago
2.8.0
5 years ago
2.6.0
5 years ago
2.5.0
5 years ago
2.4.1
5 years ago
2.4.0
5 years ago
2.3.0
5 years ago
2.2.0
5 years ago
2.0.0
5 years ago
1.4.4
5 years ago
1.4.3
5 years ago
1.4.2
5 years ago
1.3.1
5 years ago
1.2.1
5 years ago
1.2.0
5 years ago
1.1.5
5 years ago
1.1.4
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago