脚本宝典收集整理的这篇文章主要介绍了HBuilderx快速新建VUE项目,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
官网:HBuilderX
HBuilderX
H是HTML的第一个字母,Builder是builder,X是HBuilder的下一个版本。我们也被称为HX
。
HBuilderX
是轻量级但功能强大的 IDE。它的官网上介绍到
HBuilderx
为极客、为懒人、为我们前端开发人员提供了代码提示性非常强的一款编辑器
Nodejs
是个在服务器动可以解析和执行JavaScript
代码的运行环境,也可以说是一个运行时平台,仍然使用JavaScript作为开发语言,但是提偶了一些功能性的API,例如文件操作和网络通信API等。
Node.js
使用了一个事件驱动、非阻塞式I/O
的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
Node.js中文网:Node.js
电脑上的【win+R
】键输入cmd
,输入命令node -v
,如果出现v.数字和小数点 说明安装成功,
npm 是自带的我的版本号是8.5.5
在我们的目录结构中新建node_cache和node_global文件夹
新建完成后,打开【命令面板】cmd进去,输入
npm config set prefix "D:nodejsnode_global"
npm config set cache"D:nodejsnode_cache"
注:每输入一个回车一下
打开【控制面板】>>【控制和安全】>>【系统】>>【高级系统设置】
查看系统变量,找到path
编辑里面
在系统变量path
新建
点击确认就可以了
HBuilderx 为我们开发人员提供了三种初始化的方式:
1.直接通过
<script>
标签引入2.新建2.0版本的cli
3.新建3.0版本的cli
1.新建一个空文件包,直接在编辑器打开,右键【新建】>>【项目】
2.选择【vue普通模式】
3.新建成功的目录结构
上面同样的方式
目录结构,然后点击运行到浏览器或者终端运行,这边3.0的就不在演示,和上面的一样的流程
以上是脚本宝典为你收集整理的HBuilderx快速新建VUE项目全部内容,希望文章能够帮你解决HBuilderx快速新建VUE项目所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。