preface

Cli-4.x has been released for a long time, but I have decided to upgrade the original CLI-2.x to 4.x. The detailed upgrade process can be found here

Create a projectvue create vuetest

2. Select a configuration mode

? Please pick a preset: (Use arrow keys) > default (Babel, eslint) Manually select features to fly out of the air or fly out of the air.) Manually select features to fly out of the air.Copy the code

Here I chose the manual configuration (using left arrow switch, Enter confirmed that arrow switch failure can stamp here), of course, if you have saved before the configuration template, there will be a third option here is that you previously saved (as described below), because consider configuration is not many, so accustomed to be configured manually every time

3. Select manual configuration items

? Please pick a preset: Manually select features
? Check the features needed foryour project: (Press <space> to select, <a> toggle all, < I > to invert selection) >(*) Babel <space> to select, <a> toggle all, < I > to invert selection) TypeScript < < js > TypeScript < < JS > TypeScript < < JS > TypeScript < / js > TypeScript < / js > TypeScript < / js > TypeScript < / js > TypeScript < / js > TypeScript < / js > A strongly typed language) (the) Progressive Web App (PWA) Support ☜ Progressive Web application () () the Router ☜ (vue - the Router routing) (vue) () Vuex ☜ (Vuex state management mode (vue)) *) Linter/Formatter < < s > < < s > < / s > < / s > < / s > < / s > < / s > < / s > < / s > ESlint)) () Unit Testing () E2E Testing)Copy the code

Select the appropriate configuration according to the actual requirements of your project

I’ve chosen all of them here and here’s the configuration details that will come up later

? Use class-style component syntax? (Y/n) : ☜ (escape) whether to use the Babel do -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --? Use Babel alongside TypeScript (requiredformodern mode, auto-detected polyfills, transpiling JSX)? ☜ (using the Babel TypeScript and used in the automatic detection of filling) -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ? Usehistory mode for router? (Requires proper server setup for index fallback inProduction) ☜ (routing mode) -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use the arrow keys) ☜ compiler (CSS) > Sass/SCSS (with dart - Sass) ☜ compilation after (save) Sass/SCSS (with node - Sass) ☜ compile (real-time) Less Stylus -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --? Pick a linter / formatter config: ESLint + Airbnb Config because they can fly out of the sky and fly out of the sky. ESLint + Airbnb Config because they can fly out of the sky and fly out of the sky. ESLint + Airbnb Config because they can fly out of the sky and fly out of the sky Standard Config, ESLint, and TSLint are deprecated in the deprecated format because they can fly out of the window or fly out of the window or fly out of the window or fly out of the window or fly out of the window. -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --? Pick additional lint features: (Press <space> to select, <a> to toggle all, < I > to invert selection) >(*) Lint on save and commit () Lint and fix on commit () -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -? Pick a unit testing solution > (*) Mocha + Chai ☜ (Mocha flexible, only provide a simple test structure, if you need other functions need to add other libraries/plug-in. You must install it in the global environment. () Jest configuration is simple, easy to get started. Built-in Istanbul, so you can see test coverage, Compared to Mocha: simple configuration, simple test code, easy integration with Babel, rich Expect built in) -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -? Wheredo you prefer placing config forBabel, ESLint, etc.? (Use arrow keys) > In dedicated Config Files In package.json. (Use arrow keys) > In dedicated config files In package.json. -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -? Save this as a presetforfuture projects? (y/N) Then save the configuration and then build the project according to the configuration next time.Copy the code

At this point the configuration is almost complete, waiting for the project to load various packages…

After loading, enter the project, NPM Run Serve can start…

Well, that’s all for today

Reproduced to note, thank you ~.~