# 開發環境規範

- **套件管理** - Yarn
- **IDE 插件** - ESLint、vuelint
- **Vue Cli版本** - v4.3.1
> 查詢指令 `$ vue -V`
- **Html** - Pug
> `$ yarn add vue-cli-plugin-pug --dev`
- **CSS**
- 預處理器 - Stylus
- 初始化 - reset.css
- **API** - Axios
- **Mock** - axios-mock-adapter
:::warning
package.json 要鎖版號
:::

## Vue create step
1. `$ vue create YOUR_PROJECT_NAME`
2. 安裝配置 - Manually select features(手動配置)
3. 插件選項 - Babel、Router、Vuex、CSS Pre-processors、Linter/Formatter
4. 路由是否選用History模式 - Yes
5. 選擇CSS 預處理器 - Stylus
6. 選擇 Linter 風格 - Standard config
7. lint 觸發時機 - Lint on save(儲存時觸發)
8. 插件配置位置 - In dedicated config files
<!--  -->
:::info
Vue CLI v4.3.1

? Please pick a preset:
***Manually select features***
? Check the features needed for your project:
***Babel, Router, Vuex, CSS Pre-processors, Linter***
? Use history mode for router? (Requires proper server setup for index fallback
in production)
***Yes***
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported
by default):
***Stylus***
? Pick a linter / formatter config:
***Standard***
? Pick additional lint features:
***Lint on save***
? Where do you prefer placing config for Babel, ESLint, etc.?
***In dedicated config files***
:::