【vuejs小项目】1、脚手架搭建工做

1、关于vuejs

这是一个MVVM的前端开发框架，model（数据）、viewmode（通信）、view（视图），它吸收了reactjs和angularjs的长处，核心重点在于组件化的设计原则。

咱们都知道一个普一般见的页面，他会由header,body,footer,组成，里面再细分还有nav，list，slidebar等等，组件化就是将这些会重复用到的代码封装起来，在一个页面中须要用到的时候进行引入。

2、搭建脚手架（初始化项目）

作一个项目开始将一些文件环境搭建好，这里vue提供了vue-cli做为项目搭建工具，在nodejs环境下进行安装，nodejs版本在4.0以上

如下是在window环境下的安装步骤

1.node -v 查询版本

2.npm install -g vue-cli 安装vue-cli

3.vue 查看是否安装成功

4.vue list 查看可用模板

5.vue init webpack project-name 选择一个模板（webpack）初始化，注意这里进入到须要项目所在目录，而后根据提示填写做者等内容

6.cd project-name 进入项目文件夹

7.npm insatll 安装依赖，这里是由于在init后文件根目录下有一个package.json文件，这个文件中包含了所须要的包，能够自动安装。在没有这个文件的时候咱们须要先init 而后安装所须要的包，package.json会显示安装成功后的包的版本信息

8.npm run dev 启动项目，端口号是8080

vue-cli github地址