HbuilderX如何创建一个新的Vue工程

本文介绍如何在HbuilderX建立一个Vue工程并导入element-ui

新建一个vue项目

建好之后在选中项目然后右键打开文件所在目录

地址栏中输入cmd （这样就不用使用cd命令一级一级的打开目录了）

 

 然后在该目录下输入cnpm install(因为我这里使用npm会一直卡着不动所以我选择cnpm)

 

这个安装完了之后如果还想使用element-ui组件的话可以输入

cnpm i element-ui -S

 如果不用element的话这步可以忽略

然后依次输入cnpm run build和cnpm run serve

然后就会显示下面的界面就可以根据上面的地址在浏览器中打开