美文网首页
Vue+HbuilderX的使用步骤

Vue+HbuilderX的使用步骤

作者: 周海伦 | 来源:发表于2020-03-20 13:09 被阅读0次

HbuilderX的使用

官方文档地址

Vue的使用

官方文档地址

下面进入正题

一、创建vue(已经有项目了,直接看第二步)
##大家看过vue的都知道,vue有几种生成项目的方式,
vue ui //前提是本地的cli必须是3.0以上,这个是新手创建vue项目的最简单的办法了,查看版本命令---vue -V
vue init webpack 项目名 //cli2.0基本上都是这样子创建
vue create  项目名  //cli3.0基本都是这样子创建
二、导入到HbuilderX
导入.png
三、运行
##命令运行(我这里使用cnpm是因为我使用了淘宝代理,你如果没有,可以用npm)
cnpm install //安装依赖
cnpm run dev //启动方式一
cnpm run serve //启动方式二
##HbuilderX启动(鼠标右键项目,看下图)
##vue ui启动
vue ui //启动项目,详细看下图
HbuilderX启动.jpg vue ui启动.png

相关文章

网友评论

      本文标题:Vue+HbuilderX的使用步骤

      本文链接:https://www.haomeiwen.com/subject/vgadyhtx.html