Vue+HbuilderX的使用步骤

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