最新版本hbuilder怎么有vue提示库

最新版本hbuilder通过以下方法有vue提示库。

1、新建Element-UI项目。

2、更改App.vue内容。

3、在src中创建router文件夹并新建index.js文件。

4、在src中创建components文件夹存放组件。

5、在src中创建views文件夹存放页面。

6、在main.js文件中配置路由。

7、下载vue-router和vue-axios即可。

Hbuilder中配置集成终端(cmd)

1. CMD.exe/终端程序路劲

要想给HBuilder加入命令提示符功能，就必须找其程序的安装路径好对HBuilder进行设置。

cmd.exe路径：C:\windows\system32\cmd.exe

基本所有的Windows都是一样的。可以复制下来备后面步骤使用

2. HBuilder添加[外部工具]cmd.exe

2.1 cmd.exe属于外部工具，所以要在Hbuilder里新建才行，具体如下：

运行——>外部工具——>外部工具 配置

2.2  新建一个名为cmd（随意命名）的外部工具：

名称：cmd

要执行的命令或文件：C:\Windows\System32\cmd.exe

工作目录：${project_loc}

其他的设置默认。

****说明****

【工作目录】那里可以自定义的，HBuilder也提供了一系列的参数，不过cmd.exe在一般是基于文件夹来定位并执行的。我选的参数适用于任何一个HBuilder项目，这样的好处在于，不用对每一个项目或文件进行单独设置。不过我的这个有个bug，项目下的文件夹不能定位到，还需用cd定位。所以这里做一下修改

*******

工作目录：${selected_resource_loc}基于选中文件夹的绝对路径，

******

这样呢基本能在所有文件夹使用了，不过你点文件来运行的话就会出错，因为cmd基于路径运行， 像a.html这样的文件就不是一个文件夹就会报错。所有运行的时候最好选中文件夹之后再点cmd运行 。

2.3设置输出和运行方式

我们都知道cmd.exe是集输入输出一体的程序，所以只有控制台是最合适的选择，并且要支持后台运行，例如在使用gulp-watch这样的插件的时候才能达到目的，设置如图：

2.4运行效果

经过前面的设置CMD.exe已经集成到HBuilder里面了，输入和输出都在控制台那里。

***提示***

cmd.exe基于运行路径，所以一定先用鼠标选中要cmd.exe执行的文件夹再选择【cmd】运行。

效果如图：

3. 输出乱码解决及控制台切换和退出cmd

3.1解决输出乱码

因为HBuilder一般默认用UTF-8编码（正常情况下UTF-8是能正常显示中文的），CMD.exe在控制台输出中文时会出现乱码。解决办法是选择其他支持中文的编码。中文可以选择 GB2312或者GBK ，这个不是很难解决，一种不行就换一种。

3.2 cmd.exe和控制台切换

我们的工作是同时进行的既要执行cmd.exe又要看文件运行错误日志——debug log 怎么办呢？在控制台那里的下拉倒三角图标即可随意切换。

3.3退出cmd.exe

我们都知道cmd.exe是可以同时多开窗口的，意味着不退出的话就会一直执行。所以为了运行顺畅，我们最好在用完之后关闭/退出cmd.exe。退出时只要切换到cmd.exe视图点击红方块就可以退出cmd.exe（方块为灰色时是不工作--退出状态）。如图：

自己测试的启动一个8000服务端口后，不能终止服务，使用：

1. netstat -nao | findstr "8000"  查询8080端口

2. taskkill /pid 13108 /F   关闭pid为3017的进程

---