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

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

新建一个vue项目

HbuilderX如何创建一个新的Vue工程_第1张图片

HbuilderX如何创建一个新的Vue工程_第2张图片

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

HbuilderX如何创建一个新的Vue工程_第3张图片HbuilderX如何创建一个新的Vue工程_第4张图片

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

HbuilderX如何创建一个新的Vue工程_第5张图片

HbuilderX如何创建一个新的Vue工程_第6张图片 

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

 HbuilderX如何创建一个新的Vue工程_第7张图片

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

cnpm i element-ui -S

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

HbuilderX如何创建一个新的Vue工程_第8张图片

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

HbuilderX如何创建一个新的Vue工程_第9张图片HbuilderX如何创建一个新的Vue工程_第10张图片

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

HbuilderX如何创建一个新的Vue工程_第11张图片

 

 

 

 

 

你可能感兴趣的:(vue)