关于vue的初步搭建和心得

**

关于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      (开发模式下运行我们的程序。给我们自动构建了开发用的服务器环境和在浏览器中打开,并实时监视我们的代码更改,即时呈现给我们)这样,你的第一个项目就可以使用了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值