vuejs是一种介于react和angular中间的轻量级的mvvm框架,主要是数据绑定和组件化,先来介绍下如何用Vuejs搭建一个简单的项目。
需要有nodejs基础才能展开后面的内容
- 第一步
安装cnpm
由于npm上的许多的依赖包都是国外的,所以在国内直接安装这些依赖包的时候会比较慢,所以最常见的一个做法就是使用淘宝镜像的cnpm!
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装好以后可以通过cnpm -v 查看版本信息,如显示则代表安装成功。
- 第二步
vue-cli 脚手架安装
vue-cli是一种搭建vuejs项目的快速工具,安装的语句如下:
cnpm install -g vue-cli
- 第三步
创建一个基于webpack 模板的新项目
vue init webpack my-first-vue-project
当使用vue init的时候表示在当前目录下新建工程,所以如果需要在某个特定位置下新建工程的 需要cd到当前目录下
- 第四步
cnpm install
自动下载所有依赖的包到刚才工程目录下的nodee_modules文件夹下
- 第五步
npm run dev
自动启动node服务器,把该vue搭建的项目运行起来