Vue-cli3 scaffolding tools to quickly create a project

1. First, the global installed at vue-cli3

npm install -g @vue/cli 或 yarn global add @vue/cli

View vue -V version (where V is the capital note oh)

 

2.vue create project name (be careful not to use Chinese)

3. Pick manual installation Manually

4. Select Configure, see individual project needs
attention, are Spacebar to select and cancel, A key to the whole election
TypeScript support the use of TypeScript writing source
Progressive Web App (PWA) Support PWA support.
Router supports vue-router.
Vuex support vuex.
CSS Pre-processors support CSS preprocessor.
Linter / Formatter support code style checking and formatting.
Unit Testing support unit testing.
E2E Testing supports E2E testing.

5.css pretreatment, I chose the stylus

 

6. This step I chose ESLint + Prettier

 

7. Select syntax checking mode, I choose to save it detects
the first one is saved detection, the second is the time to commit to detect and fix

 

8. unit testing, I chose Mocha

 

9. The local configuration files
of a folder are independent of the location, in the second document package.json

 

10. asked whether records for this time of the configuration for future use, if you choose yes, then the beginning of time will show the configuration of vuecli3

 

11. Enter OK wait for the download

 

12. When installed, start
cd my-project // into the project root directory
npm run serve // start the project