1.Visual Studio Code
Download: https://code.visualstudio.com/
More VS Code tutorial can refer to the following information:
Document official website: https://code.visualstudio.com/docs
Jane books Tutorial: https: //www.jianshu.com/p/990b19834896
2.Node JS
Installation NodeJS: http://nodejs.cn/download/
Adding Node to which the system environment variables, open cmd command line, enter npm -v, displays the version is successful.
If you install an older version of npm, can easily be upgraded through npm command:
# Linux system command sudo install npm npm - G # Windows system command npm npm install - G
More information can refer to NodeJS tutorial:
Chinese official website: http://nodejs.cn/api/
Novice School: https://www.runoob.com/nodejs/nodejs-tutorial.html
3. Taobao mirror
Taobao installation image, the installation is successful can be ordered with an alternative npm cnpm.
npm install -g cnpm --registry=https://registry.npm.taobao.org
Yarn is a Facebook post node.js package manager, faster and more efficient than npm, you can use Yarn alternative npm.
npm i yarn -g -verbose
Taobao mirrored configuration:
yarn config set registry https://registry.npm.taobao.org
Binary image configuration packet address of node-sass:
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
refer to the specific use of yarn: https://blog.csdn.net/idomyway/article/details/88411836
There yarn -dev command pro-test is invalid, should be changed to -d.
5. Installation webpack
Installation packaging tools webpack:
npm install webpack -g
webpack tutorial can refer to the following information:
Novice School: http://www.runoob.com/w2cnote/webpack-tutorial.html
After you install the Global Input webpack -v directly in the cmd, to see webpack version.
6. Installation vue-cli
Vue scaffolding installation project initialization tool vue-cli:
npm install vue-cli –g
vue-cli visual creation project process:
7. Create project
Environment has been set up is complete, we now generate a project through vue-cli:
vue init webpack project name
The installation process with these tips:
Install vue-router?y Use ESLint to lint your code? (Y/n) n Set up unit tests (Y/n)n Setup e2e tests with Nightwatch? (Y/n)n
Detailed ESLint used in the Vue: Reference: https://blog.csdn.net/IT_HLM/article/details/78776630
nightwacth setup e2e tests with use, reference: https://blog.csdn.net/fangfangtulk/article/details/89290074
8. install dependencies
Install dependencies to be installed in the root directory of the project itself, that cd into the project directory.
9. Start running
npm run dev