開發環境規範

• 套件管理 - 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

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

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