首页 > 系统服务 > 详细

mac-air 搭建vue开发环境

时间:2019-06-15 13:07:45      阅读:129      评论:0      收藏:0      [点我收藏+]

周末没事干,自己搭建个vue环境。

我用的是mac-air,自带brew很好用。

要安装vue 得先安装node.js的包管理工具npm。

brew install npm

 等待安装完成,查看node和npm版本。

技术分享图片

接下来用npm安装vue,vue-cli。

npm install vue

 技术分享图片

npm install -g vue-cli

 技术分享图片

安装完成后,查看下vue版本。

vue --version

 技术分享图片

安装完成,怎能不搭建个hello world??。

技术分享图片

初始化工程后 使用npm run dev运行工程。

cd hello
npm run dev

技术分享图片

 

上图最后一行,服务显示已启动,监听本地8080端口,访问看下效果!

技术分享图片

 

我们改下内容试试

技术分享图片

 其中红线错误是init工程是开启了eslint,关闭即可。https://blog.csdn.net/fengshiying/article/details/82081185

运行访问结果:

技术分享图片

 刚开始学习,如有错误,及时指正,不胜感激!

mac-air 搭建vue开发环境

原文:https://www.cnblogs.com/kala00k/p/11027032.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!