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

This article shows you how to build and run the vue entry environment. The content is concise and easy to understand. It will definitely brighten your eyes. I hope you can get something through the detailed introduction of this article.

Introduction to vue:

Vue.js is a progressive framework for building user interfaces. It is not an omnipotent framework itself-it only focuses on the view layer. So it is very easy to learn and very easy to integrate with other libraries or existing projects. Vue.js is also perfect for driving complex single-page applications when used with related tools and support libraries.

Step 1: install the node.js download link https://nodejs.org/en/

Introduction to node

Node.js is a Javascript runtime environment. In fact, it encapsulates the Chrome V8 engine. Node is a server-side JavaScript interpreter that changes the concept of how the server should work. Its goal is to help programmers build highly scalable applications and write connection code that can handle tens of thousands of connections to a physical machine at the same time. To put it bluntly, Node.js is a server program, is used to do back-end technology, can not be directly used in front-end development. But the dry front-end will be more powerful, the idea of programming and code efficiency will be greatly improved. Node uses a lot of time-driven to achieve asynchronous development, which can efficiently get through the front and back end, so vue also uses it as the configuration environment to facilitate the development of large-scale projects.

How to check whether the installation is successful: enter in the black window (command line):

Node-v

Step 2: install vue.js

Open the cmd command box and enter

Npm install vue

Step 3: install the vue-cli tool

Vue-cli is a command line tool (vue-cli) provided by vue, which can be used to quickly build large-scale single-page applications.

Open the cmd command box and enter

Npm install-global vue-cli

Step 4: install webpack

Open the cmd command box and enter

Npm install webpack-g

Step 5: create a demo project for vue

Go to the directory where you want to store the project and execute the command (vue init webpack project name):

Vue init webpack demo_vue

Then select the module to install according to the need

Demo directory structure

The screenshot of the page may be slightly different from the normal one.

Step 6: run vue's demo project

Cd demo_vue / / enter the project you just created

$npm install $npm run dev / / run the project

Visit http://localhost:8080/ directly from the browser.

The figure below is as follows

At this point, the vue project has been initially built successfully.

The above content is how to build and run the vue entry environment. Have you learned the knowledge or skills? If you want to learn more skills or enrich your knowledge reserve, you are welcome to follow the industry information channel.

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.