Vue development environment built using webstorm

I. First install node.js 

After a successful installation in which use cmd: node -v command to view the installation was successful download link:

Link: https: //pan.baidu.com/s/1CL9J4Ryp3sL0zPYKJyS-3A
extraction code: d8gl

 

Installation of domestic npm mirror source: npm install -g cnpm --registry = https: //registry.npm.taobao.org

 

After installation use: npm -v or cnpm -v (recommended cnpm This is faster)

 

 

 

Installation vue Scaffolding: vue CLI-
NPM the install vue @ -g / CLI
CNPM the install vue @ -g / CLI

Vue provides an official CLI, a single-page application (SPA) quickly build complex scaffolding. It provides batteries-included to construct modern workflow front end.

Only takes a few minutes and can be up and running with a thermal overload, builds lint checking, and production environments available when saving

Second, create a project in cmd inside vue

Use: vue create + file name creation vue engineering cmd

Note: If you want to create in under one folder which only need to switch to the corresponding directory

The following screen is installed successfully:

 

 

Third, the use webstorm open to create good works

The first step: Click open the file under

 

Vue choose to create a good project, you can click ok

 

Click here, if it is first created displays addxx 

 

Click the + sign, select npm, Name: a name easily play, Scripts: parameters here must fill out the serve, can not easily fill. Then click ok

 

Click the run button, a project run vue

 

 

The following page appears, indicating successful operation, we can use the following address to visit us create a good project

 

 

Guess you like

Origin www.cnblogs.com/666666pingzi/p/11531264.html