安装vue-cli
npm install -g @vue/cli
创建项目
vue create vue-demo
选择配置
Please pick a preset: Manually select features --选择Manually
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) (Y/n) --Y
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default):
> Sass/SCSS (with dart-sass)
Sass/SCSS (with node-sass)
Less
Stylus
选dart-sass 原因参考:
- https://www.dart-china.org/t/css-sass-dart-sass/146
- node-sass 的安装很麻烦,经常会出问题,导致安装失败等
Pick a linter / formatter config: (Use arrow keys)
> ESLint with error prevention only
ESLint + Airbnb config
ESLint + Standard config
ESLint + Prettier
选ESLint + Standard config
? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>(*) Lint on save // 保存时检测
( ) Lint and fix on commit // commit时检测
选择Lint on save
Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
> In dedicated config files
In package.json
选In dedicated config files