**
关于vue的初步搭建和心得
**
第一次使用这个vue,当时也是犯贱,突然就想在自己的项目中来点新的花样。
于是思考来,思考去最后决定使用vue比较好,因为比较容易上手。一路的装逼带闪电下来,确实不错。这里面包括了微信的支付,跨域用的axios,移动端适配等都很好的迎刃而解了。不废话了,今天先说下项目搭建,总结下:
1、*安装**vue-cli***
安装vue-cli的前提是你已经安装了npm,安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node,我这里的npm版本为3.10.10。如果该命令不可以使用,需要安装node软件包,根据你的系统版本选择下载安装就可以了。那我们就开始吧:
npm install vue-cli -g 下载到本地,全局安装。
2、初始化项目
vue init <template-name> <project-name>
<project-name>:标识项目名称,这个你可以根据自己的项目来起名字。
在实际开发中,一般我们都会使用webpack这个模板,那我们这里也安装这个模板,在命令行输入以下命令:
vue init webpack vuecliTest
3、这是项目的初步搭建,下来我们开始安装依赖(在自己的项目中):
npm install
4、开始运行自己的第一个项目:
npm run dev (开发模式下运行我们的程序。给我们自动构建了开发用的服务器环境和在浏览器中打开,并实时监视我们的代码更改,即时呈现给我们)这样,你的第一个项目就可以使用了。