参考网址:https://blog.csdn.net/qq_40197828/article/details/92638986

1.新建一个文件夹,用于存放项目

 

2.终端,进入文件夹根目录

 

3.执行创建命令

 

step1:

 

Vue create project_name / Vue init webpack ProjectName

 

step2:

 

? Please pick a preset: (Use arrow keys)

  Default ([Vue 2] babel, eslint)

  Default (Vue 3 Preview) ([Vue 3] babel, eslint)

> Manually select features

 

step3:

 

? 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)

(*) Choose Vue version

(*) Babel

( ) TypeScript

( ) Progressive Web App (PWA) Support

( ) Router

( ) Vuex

>( ) CSS Pre-processors

(*) Linter / Formatter

( ) Unit Testing

( ) E2E Testing

step4:

 

Vue CLI v4.5.12

? Please pick a preset: Manually select features

? Check the features needed for your project: Choose Vue version, Babel, Linter      

? Choose a version of Vue.js that you want to start the project with (Use arrow keys)

> 2.x

  3.x (Preview)

step5:

 

Vue CLI v4.5.12

? Please pick a preset: Manually select features

? Check the features needed for your project: Choose Vue version, Babel, Linter      

? Choose a version of Vue.js that you want to start the project with 2.x

? Pick a linter / formatter config:

  ESLint with error prevention only

  ESLint + Airbnb config

  ESLint + Standard config

> ESLint + Prettier

 

step6:

Vue CLI v4.5.12

? Please pick a preset: Manually select features

? Check the features needed for your project: Choose Vue version, Babel, Linter      

? Choose a version of Vue.js that you want to start the project with 2.x

? Pick a linter / formatter config: Prettier

? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection)

>(*) Lint on save

( ) Lint and fix on commit

 

step7:

 

Vue CLI v4.5.12

? Please pick a preset: Manually select features

? Check the features needed for your project: Choose Vue version, Babel, Linter      

? Choose a version of Vue.js that you want to start the project with 2.x

? Pick a linter / formatter config: Prettier

? Pick additional lint features: Lint on save

? Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)

> In dedicated config files

  In package.json

 

step8:

 

Vue CLI v4.5.12

? Please pick a preset: Manually select features

? Check the features needed for your project: Choose Vue version, Babel, Linter      

? Choose a version of Vue.js that you want to start the project with 2.x

? Pick a linter / formatter config: Prettier

? Pick additional lint features: Lint on save

? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files

? Save this as a preset for future projects? (y/N) N

 

step9: 运行项目

  npm run serve

有的时候是:npm run dev,可以去package.json里面查看,你的字段是serve还是dev,根据实际情况运行

 

end

更多推荐