Using the console scaffolding to build vue-cli

note:

1, before installation you need to see if they have the node environment   check : node - v

2. If not, you need to build a good next step

(Reference: https://www.cnblogs.com/sylys/p/11703067.html )

Vue-cli installation steps:

1, the console into the project root folder

2, npm I -g VUE-CLI   (using global npm mounted vue-cli) 

3, the implementation vue list you can see a lot of useful templates, here are practical webpack

4, VUE WebPACK the init (initialization template)

Current Project in the Generate ,? 5 Directory? ( The Y- / the n-) (whether the project is in the current directory, then the Enter key) 

6, project name can not appear in capital letters!

   1)? Project name (vuePro) (whether vuePro as the project name ------ "I'm sorry, the name can not contain capital letters.)

   2)? Project name vuepro (carriage return)

7 ,? Project description (A Vue.js project) can write some description of this item -------? Project the Description A Vue.js Project

8,? Vue build (Use arrow keys) whether to generate vue ( Enter ) ------  Vue Standalone Build

9,? Router-VUE the Install? ( The Y / n-) route is installed (if necessary using y here) ----- Install vue-router? Yes

10 ,? Use ESLint to lint your code? ( Y / n) ( whether to use ESLint as a code detection tool) Here is the code style checker. To ensure the style, the best choice yes, the back of which appear to use the option, choose the first style that is can. [ESLint is a ECMAScript / JavaScript syntax rules and code style checking tool, its goal is to ensure the consistency of the code and avoid errors. [ESlint Chinese Official Website: http://eslint.cn/    ]

11,? Pick an ESLint preset (Use arrow keys ) Use the arrow keys to select a preset Eslint of Pick AN ESLint PRESET ----- Standard

12 ,? Unit Tests up SET ( the Y / n-) (unit testing is set)

13、? Pick a test runner  ---- Pick a test runner karma

14、? Setup e2e tests with Nightwatch? No

15、?Should we run `npm install` for you after the project has been created? (recommended) npm

 

    #  Installing project dependencies ...

  > [email protected] install F:\ProgramFiles\vue\vuePro\node_modules\phantomjs-prebuilt
  > node install.js

     。。。。

(Because of the need to download a lot of dependencies, so it is slow, we need to wait ....)

16, NMP RUN dev start local services, open the URL: HTTP: // localhost: 8080 /

 

Guess you like

Origin www.cnblogs.com/sylys/p/11703776.html