webstorm file -> new -> project
1. Try not to check Use the default project setup (babel, eslint). Many of the projects created by default have incomplete configurations and it will be troublesome to install later.
2. After clicking create, the following options appear, press the keyboard up and down keys to select default (default) or manual (Manually), if you select default, press Enter all the way to execute (Note: now vue-cli3.0 uses yarn download by default), Here I choose manual
3. Select configuration, then you will see some options, you can choose what you want to integrate, I will choose the one I use more commonly (Note: the space bar is to select and cancel, and the A key is to select all) , Some options here may not be visible, and moving the up and down keys will not work. You need to drag the option borders online to display them all.
4. Choose the appropriate vue.js version to start this project. Here I choose 3.x
5. Whether to use babel to escape yes
6. Whether to use class style component syntax yes
7. Whether to use history mode
8. Choose preprocessed Here I choose dart-sass, which is different from node-sass
- node-sass uses node (libsass written by cpp) to compile sass;
dart-sass uses drat VM to compile sass; - Node-sass is automatically compiled and real-time, dart-sass needs to be saved before it will take effect. It is
recommended that dart-sass has better performance (it is also officially used by sass), and node-sass is often not installed due to national conditions.
9. Pick a linter / formatter config: (Use arrow keys): Choose the grammar detection specification. Here I choose ESLint + Prettier
10. Check when saving and fix and commit. Here I choose the first
11. Put a separate folder and put package.json. Here to see which one I like, here I choose to put a separate folder
12, whether to record it so that you can continue to use this set of configuration next time. Type N to not record, if you type Y, you need to enter the save name
13, and wait for the completion. If the time is longer, you can go to sleep. You can get up and move bricks until Done appears on the page.