作为入门文章,笔者推荐过webstorm开发vue以及多种入门教程,但是对于前端五花八门的集成开发工具,笔者时间精力有限,在此只能分享笔者使用过的工具并开发过vue的教程。希望短小精悍的文章能够帮助到更多有需要的朋友。
Hbuilder
首先百度去官网下载安装最新的版本的软件,然后开始鼓捣起来吧。第一步更改配置文件,话不多说看图吧,根据个人开发需求配置,工欲善其事必先利其器,与其等到运行调试的时候再来折腾环境,不如在我们开始代码之前配置好环境。
根据自己本机配置环境
接下来我们Ctrl+N选择新建项目,然后选择vue项目
新建vue项目
我这里新建了一个vue项目《first-vue-app》可以看到编辑器已经帮我生产了一个基本的vue工程和一些基础配置,最关键的对于初学者是可直接运行的,能满足所见即所得初学者心态和学习欲,而不是辛辛苦苦弄了一堆配置之后的挫败感,这些繁杂的配置我们可以采取慢慢深入的去学习和掌握。
编辑器初始化后的项目结构
然后我们点击上面的运行 -> 运行到终端 -> npm install稍等片刻 ,等到必须的包安装完成之后就可以点击npm run serve 来运行我们的项目了
运行方式
最后打开浏览器手动输入localhost:8081或者使用编辑器的快捷方式 都可以进入我们项目页面了。很简单吧学会了吧!
举报/反馈

慧眼智观

60获赞 2035粉丝
人生不止朝九晚五 保持你的好奇心!
关注
0
0
收藏
分享