Vue的安装和项目搭建

最近的项目都用到Vue，之前也学过一点，打算继续学习，由于新电脑没有安装Vue，所以记录一下Vue的安装和项目搭建。巩固一下

准备工作

1. 安装node.js
   到官网去下载安装包然后进行安装

node -v
npm -v

2. 国内使用官方的镜像是很慢的，推荐使用淘宝NPM镜像
   npm install -g cnpm --registry=https://registry.npm.taobao.org

3. 安装Vue 脚手架
   cnpm install vue-cli -g //全局安装 vue-cli
   查看vue-cli是否成功，不能检查vue-cli,需要检查vue

4. 安装 webpack
   npm install webpack -g

5. 安装 less
   npm install -g less

到此为止，项目需要的环境基本安装好了，下面开始构建项目。

项目搭建

1.选定路径，创建一个文件夹，cd 到这个目录下

2.vue init webpack “项目名称”

到此项目就算是创建完成了，下面就安装依赖，然后运行。

npm install

npm run dev