vue入门（一）安装及创建第一个项目

前端近几年来飞速发展，各种技术框架层出不穷，架构模式也从主流MVC慢慢转向MVVM。使用AngularJS、React和Vue.js等框架进行前端开发已经成为趋势。因此我也开始了vue.js的修炼之路（之所以选择vue.js是因其入门门槛低）。

一、安装

为了让我们创建Vue项目更加容易，我们使用vue.js的脚手架工具Vue-cli。这里采用npm进行安装

1.首先安装node.js，现行版本的node.js自带npm。

下载链接：https://nodejs.org/zh-cn/

为了避免npm下载文件过慢，推荐使用淘宝镜像，打开命令行输入以下命令

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

2.安装Vue-cli

cnpm install --global vue-cli

二、创建第一个项目

1.打开命令行输入以下命令，采用webpack进行项目构建，创建过程会要求你的项目起名之类，基本直接回车确认就可以

vue init webpack demo

2.创建完成后，项目默认在你C盘用户文件夹下，输入以下命令进入到项目根目录下

cd C:\Users\gzc\demo

3.输入以下命令，下载项目所需所有依赖。

npm install

npm install ：安装所有的模块，如果是安装具体的哪个个模块，在install 后面输入模块的名字即可。而只输入install就会按照项目的根目录下的package.json文件中依赖的模块安装

4.输入以下命令运行程序

扫描二维码关注公众号，回复： 4308075 查看本文章

npm run dev

打开浏览器输入http://localhost:8080/，如果能弹出页面，说明项目已经创建完成