"Vuejs Small Project" first, scaffolding construction work

First, about Vuejs

This is a front-end development framework for MVVM, model (data), ViewMode (communication), view (view), which draws on the strengths of Reactjs and Angularjs, with the core focus on the design principles of the component.

We all know a common page, he will be composed of Header,body,footer, the inside subdivision and Nav,list,slidebar, and so on, the component is to use these reusable code to encapsulate, in a page need to use when the introduction.

II. Scaffolding Construction (initial project)

Do a project start to set up some file environment, here Vue provides vue-cli as a project building tool, installed in the NODEJS environment, NODEJS version above 4.0

The following are the installation steps in the window environment

1.node-v Query version

2.NPM install-g VUE-CLI Installation vue-cli

3.vue to see if the installation was successful

4.vue List View available templates

5.vue init webpack project-name Select a template (Webpack) to initialize, note that you can enter the directory where you want the project, and then fill in the author's content as prompted

6.CD Project-name into the project folder

7.NPM Insatll Installation dependency, here is because there is a Package.json file in the root directory after init, this file contains the required packages, can be installed automatically. In the absence of this file we need to init and then install the required package, Package.json will display the package version information after the successful installation

8.NPM Run Dev Startup project with port number 8080

VUE-CLI GitHub Address

"Vuejs Small Project" first, scaffolding construction work