Vue.js Development Environment __JS

Install Nodejs

Add: https://nodejs.org/en/ NPM installs the latest version

Update NPM:NPM UPDATE-G
Install Taobao image

NPM install-g cnpm--registry= https://registry.npm.taobao.org installation Webpack

NPM Install webpack-g installation Vue Scaffold

NPM install Vue-cli-g on the hard drive to find a file folder for the project, enter the directory in the terminal

CD directory path Create project from template

Vue Init webpack-simple Engineering name < project name cannot be used in Chinese >

or create a vue1.0 project

Vue Init webpack-simple#1.0 Engineering name < project name cannot be used in Chinese >

There will be some initialization settings, as follows:

Target directory exists. Continue? (y/n) Direct carriage return defaults (and then downloads the vue2.0 template, which may require even agents)

Project name (vue-test) Direct carriage return default

Project Description (A vue.js project) Direct carriage return default

Author Write your own name. CD command into the created engineering directory

The engineering catalogue is shown in the picture:

　　

Installation Project Dependencies

Be sure to install from the official warehouse, the NPM server is abroad so this step will be slow to install.

NPM Install install Vue routing module Vue-router and network request module Vue-resource

CNPM Install Vue-router vue-resource--save Startup Project

NPM Run Dev