Windows builds the Vue development environment newest

Source: Internet
Author: User
Tags install node

Vue.js is a set of "progressive frameworks" for building user interfaces.

Vue is designed using a bottom-up incremental development.

Vue's core library focuses only on the view layer and is very easy to learn, and is easily integrated with other libraries or existing projects. 2016, vue with angular, react formation tripod situation, so that the front-end developers gu anybody, today we will come to know about the Vue environment to build. First, Node.js installation
Vue projects are typically built by means of webpack tools, and the execution of WEBPACK commands depends on the node.js environment, so you first install Node.js. Node.js's official address is: https://nodejs.org/en/download/, download the appropriate version.


After installation, verify that the installation is successful at the command line: Enter NPM and the following indicates the installation was successful.


Second, the installation of CNPM
After you install node, NPM contains a lot of dependencies that are deployed abroad, and at home, you know the download speed is super slow. So we want to install CNPM,CNPM is Taobao to NPM's mirror server, so rely on the package installed more quickly.
The installation command is: NPM install-g cnpm--registry=https://registry.npm.taobao.org


Third, the installation of VUE-CLI
VUE-CLI is an official VUE command line tool that can be used to quickly build large single page applications. The tool provides out-of-the-box build tool configurations to bring a modern front-end development process. It takes only a minute to start a project with thermal overload, static checking at save time, and a build configuration that can be used in a production environment.
The installation command is: CNPM install-g vue-cli, carriage return, waiting for installation.

After installation, check to see if the installation was successful, enter VUE-V (uppercase), and the following prompts indicate that the installation was successful.


Iv. try a new Vue project
(1) Create a new project folder, enter: Vue init webpack Vue-demo, carriage return, initialize as follows:


(2) Enter dir project directory


(3) Installation of project-dependent packages
Perform cnmp install, install dependency pack


(4) Running the project

Enter CNPM run dev on the command line and start the project after the execution completes, and the browser appears with the following results, indicating that the startup was successful. Note that the version of the browser, the low version of the unsupported Oh.



Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.