Shulou(Shulou.com)06/02 Report--

This article is to share with you about how webstorm builds the vue project. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

First of all, let's introduce some nouns.

Node.js:

Node.js is a JavaScript runtime environment based on the Chrome V8 engine.

Node.js uses an event-driven, non-blocking Istroke O model to make it lightweight and efficient.

Node.js 's package manager, npm, is the largest open source ecosystem in the world.

Npm:

Npm, known as Node Package Manager, is a Node.js-based package manager and the most popular and supported third-party package manager in the entire Node.js community (similar to Maven in java).

The original intention of npm: it is easier for JavaScript developers to share and reuse code.

Usage scenarios of npm:

Allows users to get third-party packages and use them.

Allows users to publish and share packages or command-line programs they have written.

Npm version query:

Npm-v

Webpack

WebPack can be thought of as a modular baler: what it does is analyze your project structure, find JavaScript modules and other extension languages (Scss,TypeScript, etc.) that browsers cannot run directly, and convert and package them into appropriate formats for browsers to use.

Let's get down to business.

First of all, now webstorm,node.js

Note that in the version of node, only node that supports harmonious mode will support es6, and there will be no error when building project names based on webpack. Recommend the latest version.

1. After downloading the installation package, just click install.

two。 Install Taobao image (similar to Aliyun's maven central warehouse image)

Installation time is a little long.

Installation commands:

Npm install-g cnpm-- registry= https://registry.npm.taobao.org

Verify the command:

Cnpm-v

3. Install webpack

Install the webpack command line statement with cnpm as cnpm install webpack-g.

4. The next step is to install vue-cli globally. It takes a little longer

The installation statement is:

Cnpm install-global vue-cli

Verify the command:

Vue-V

5. Let's start using WebStorm

Importantly, if you want to create a project with WebStorm, you have to install git. The installation is very simple, just find the download and installation on the official website, otherwise you may not be able to install it.

Red is the new order, green is the node.js address (it will be found automatically when installed), blue is the address of the vue.js packet, and yellow is the packaging module used for packaging.

Fill in the project name and note that the project name cannot contain uppercase letters.

Just click on the next step all the time, project structure

Right-click package.json and select show npm scripts

Select dev and double-click to test. After opening it successfully, the default port will appear, and the post will be opened in the browser.

Thank you for reading! This is the end of this article on "how to build a vue project for webstorm". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.