Step vue development environment to build
I believe many people in the beginning to learn vue this framework, initially setup the development environment, that they will encounter some large and small pits, when the angular learn before I build once, a month after the second building times, when even some confusion, so today would like to sort out;
vue now in the front end, front-end engineers is one of the more commonly used framework, he has some similarities and angular, so used angular partners who come to learn vue should not feel too hard;
A: Before you build vue development environment, we must be sure to download node.js ,, vue operation is dependent on the node's npm management tools to implement, node can be downloaded from the official website or inside the Chinese network, according to their own computer choose 32 or 64, URL: http: //nodejs.cn;
Two: After the download is good node, open docs management tools, take a look at node installation was successful or not the input node -v, carriage return, it will output the version number of the node,
This installation has been successful, due to the domestic use npm is very slow, so here we recommend using Taobao npm image, use
Taobao cnpm command management tool can replace the default management tools npm: $ npm install - G cnpm - Registry = HTTPS : //registry.npm.taobao.org;
Three: After Taobao image is successfully installed, we can use globally vue-cli scaffolding, enter the command: CNPM install - , Ltd. Free Join vue - cli Enter; verify that the installation is successful, the command input vue, vue out information and installation instructions success;
Four: After the completion of building scaffolding, we want to start to build a new project, this time I suggest, try not installed in C drive, since vue downloaded files are large, if you want to change the disc, then directly enter D: Enter on you can directly change the disc,
Then we started to create new projects enter the command: vue the init webpack My - Project Enter, my-project is the name of my own folder, is based webpack project, after the input has been enter, whether you want to install vue appear until -router,
In this project we have to use, so we enter y Enter
Here there will be the need js syntax check, we do less than this, you can directly enter no, you can enter no direct back, are we being less than the
Four: folder already downloaded Well, now you can enter the folder, type: cd My - Project Enter, because between the various templates are interdependent, so now we want to install dependencies,
Enter the command: CNPM install
Five: Having installed, we now want to test the downloaded template can not run normally, at the command line: npm RUN dev press Enter,
8080 is the default port, to access it, enter localhost directly in the browser: 8080 can open the default template;
In this way, our vue infrastructure projects already installed and up and running, has entered a vue door; Sahua, end;
https://www.cnblogs.com/winter92/p/7117057.html
https://blog.csdn.net/qq_41402200/article/details/84785353
https://segmentfault.com/a/1190000012692321
https://www.cnblogs.com/keepfool/p/5619070.html
I believe many people in the beginning to learn vue this framework, initially setup the development environment, that they will encounter some large and small pits, when the angular learn before I build once, a month after the second building times, when even some confusion, so today would like to sort out;
vue now in the front end, front-end engineers is one of the more commonly used framework, he has some similarities and angular, so used angular partners who come to learn vue should not feel too hard;
A: Before you build vue development environment, we must be sure to download node.js ,, vue operation is dependent on the node's npm management tools to implement, node can be downloaded from the official website or inside the Chinese network, according to their own computer choose 32 or 64, URL: http: //nodejs.cn;
Two: After the download is good node, open docs management tools, take a look at node installation was successful or not the input node -v, carriage return, it will output the version number of the node,
This installation has been successful, due to the domestic use npm is very slow, so here we recommend using Taobao npm image, use
Taobao cnpm command management tool can replace the default management tools npm: $ npm install - G cnpm - Registry = HTTPS : //registry.npm.taobao.org;
Three: After Taobao image is successfully installed, we can use globally vue-cli scaffolding, enter the command: CNPM install - , Ltd. Free Join vue - cli Enter; verify that the installation is successful, the command input vue, vue out information and installation instructions success;
Four: After the completion of building scaffolding, we want to start to build a new project, this time I suggest, try not installed in C drive, since vue downloaded files are large, if you want to change the disc, then directly enter D: Enter on you can directly change the disc,
Then we started to create new projects enter the command: vue the init webpack My - Project Enter, my-project is the name of my own folder, is based webpack project, after the input has been enter, whether you want to install vue appear until -router,
In this project we have to use, so we enter y Enter
Here there will be the need js syntax check, we do less than this, you can directly enter no, you can enter no direct back, are we being less than the
Four: folder already downloaded Well, now you can enter the folder, type: cd My - Project Enter, because between the various templates are interdependent, so now we want to install dependencies,
Enter the command: CNPM install
Five: Having installed, we now want to test the downloaded template can not run normally, at the command line: npm RUN dev press Enter,
8080 is the default port, to access it, enter localhost directly in the browser: 8080 can open the default template;
In this way, our vue infrastructure projects already installed and up and running, has entered a vue door; Sahua, end;
https://www.cnblogs.com/winter92/p/7117057.html
https://blog.csdn.net/qq_41402200/article/details/84785353
https://segmentfault.com/a/1190000012692321
https://www.cnblogs.com/keepfool/p/5619070.html