通过vue-cli创建项目
2023-08-15 本文已影响0人
flyjar
- 1、安装vue-cli
npm install -g @vue/cli
- 2、通过vue-cli创建项目
vue create projectName
- 3、选择手动配置模式
? Please pick a preset:
Default ([Vue 3] babel, eslint)
Default ([Vue 2] babel, eslint)
> Manually select features
- 4、选择对应插件
? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection, and
<enter> to proceed)
(*) Babel（es6转es5,如果不向下兼容浏览器可以不用选，新的浏览器直接支持es6）
( ) TypeScript
( ) Progressive Web App (PWA) Support
(*) Router
(*) Vuex
>(*) CSS Pre-processors(css预置处理器 scss/less)
(*) Linter / Formatter
( ) Unit Testing
( ) E2E Testing
- 5、选择vue版本
Vue CLI v5.0.8
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter
? Choose a version of Vue.js that you want to start the project with
3.x
> 2.x
- 6、选择路由模式(history兼容性不好，建议选择N)
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter
? Choose a version of Vue.js that you want to start the project with 2.x
? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)
- 7、选择css预置处理器
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys)
> Sass/SCSS (with dart-sass)
Less
Stylus
- 8、选择eslint格式化风格
? Pick a linter / formatter config:
ESLint with error prevention only
ESLint + Airbnb config
> ESLint + Standard config
ESLint + Prettier
- 9、选择什么时候进行lint
? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection, and <enter> to
proceed)
(*) Lint on save
>(*) Lint and fix on commit
- 10、选择是否将Babel、eslint、etc都放入到package.json，还是都单独存放在一个文件中
? Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
> In dedicated config files
In package.json
- 11、是否将当前配置保存下来，以后创建的时候直接用
? Save this as a preset for future projects? (y/N) n
