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
网友评论