道招

用在线IDE写vue代码

如果您发现本文排版有问题,可以先点击下面的链接切换至老版进行查看!!!

用在线IDE写vue代码

上周末无意中发现了一个新的在线IDE,网址glitch.com,个人感觉很不错,于是顺便关注了下其它的在线IDE,比如codesandbox.io也不错,没有细看,可能自己已经先入为主的喜欢上glitch了吧。 下面主要说说glitch,打开官网后可以新建一个工程,一般会让你选择网站型项目还是node型项目,试了试node型项目的功能强大些,推荐一律用这种类型。这里有一个server.js,
app.get('/', (request, response) => {
    response.sendFile(`${__dirname}/${dist}/index.html`);
});
这里就是默认把index.html作为首页来当项目的入口 写过vue,并且运行过npm run build的都知道,vue打完包的入口就是index.html,所以这里根据自己项目的打包后的情况修改一下就行了。 有的同学肯会问,这个glitch还能运行node命令不成?目前我没有发现它有这个功能,那怎么实现打包呢?在package.json里面设置,
"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run build && node server.js",
    "lint": "eslint --ext .js,.vue src",
    "build": "node build/build.js"
},
我们要用的就是package.json的start命令,因为我发现glitch查看自己项目的时候会自动运行package.json里面的start命令,来让该项目能够跑起来,所以我们可以在start里面先打包(npm run build)再启动node服务器(node server.js),你的项目就是在这个node服务器下面运行的,它就这样跑起来了。 说没了就是运行webpack和node,重点是配置后webpack 既然是node项目,一定是要安装插件的喽。 glitch安装node插件超级爽 点击package.json然后简单操作一下就行了 今天发现glitch项目貌似有大小限制,128M,我是在导入工程时看到的提示,还没有在官方那确认。 目前我搞了一个vuecli建的空项目,大家可以直接remix然后使用,地址 https://vuecli.glitch.me。我还特意试了试vue.glitch.me,这个域名被用了,是一个哥们写的todolist项目,还没写完。
更新时间:
上一篇:nodejs express获取请求参数(get,post)下一篇:javascript封装对象的疑惑点

相关文章

vue多语言的解决方案不只是 vue-i18n,前端+后端完整解决方案

网上搜很多vue多语言的,一般都是介绍vue-i18n怎么使用,当然这是不错的,但是我们如果只是讲这个的话,只是解决了静态文字的多语言化。 这一部分我们也简单讲一下 npm install 阅读更多…

前端框架vue+wordpress做后端

目前正在利用闲暇时捯饬一下自己的博客,毕竟这么久没有维护了,wordpress是可以用restful API来获取数据的,决定前端用vue实现,目前正在尝试中,今天做了其中很小的一部分,就是博客目录 阅读更多…

命令式组件Message、Dialog的主流写法分析

这里还是以element-ui为例,那我们就看看里面的Message。 它的dom结构什么的就写在node-modules/element-ui/packages/notification/src/ 阅读更多…

从vuecli3学习webpack记录(一)vue-cli-serve机制

最近看了看vuecli3,把自己的学习记录下来。 首先看入口 npm run dev 即是 vue-cli-service serve ,之所以能运行 vue-cli-service 命令,就是 阅读更多…

Vue同一路由跳转页面不刷新解决方案及注意事项之二

之前写过一个 《Vue同一路由跳转页面不刷新解决方案及注意事项》 ,在这篇文章里面鞋到了怎么解决这个问题,具体内容可以点击查看,这里简单说一下,就是利用将时间戳传给路由的query,也就导致 $ro 阅读更多…

vue实现自定义组件的v-model双向数据绑定

一般来说我们用v-model是在input中 常见用法如下 <input type="text" v-model="username"> 用户名:{{username}} 其 阅读更多…

关注道招网公众帐号
友情链接
消息推送
道招网关注互联网,分享IT资讯,前沿科技、编程技术,是否允许文章更新后推送通知消息。
允许
不用了