用在线IDE写vue代码
如果您发现本文排版有问题,可以先点击下面的链接切换至老版进行查看!!!
用在线IDE写vue代码
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项目,还没写完。- 分类:
- Web前端
更新时间:
相关文章
Vue同一路由跳转页面不刷新解决方案及注意事项之二
之前写过一个 《Vue同一路由跳转页面不刷新解决方案及注意事项》 ,在这篇文章里面鞋到了怎么解决这个问题,具体内容可以点击查看,这里简单说一下,就是利用将时间戳传给路由的query,也就导致 $ro 阅读更多…
VSC:Cannot connect to the target: connect ECONNREFUSED 127.0.0.1:9222
最近想试试微软的编程IDE visual studio code,江湖简称VSC,按F5可以进行debug,之前用了一直还没有报错,后来随便弄了一下chrome,在用vsc的调试模式就报错了,提示内容 阅读更多…
element-ui表单源码解析之el-input
关于表单校验el-input做的主要工作就是跟el-form-item交互,把input的相关事件发送给el-form-item,上一篇已经讲到在el-form-item的mounted的生命周期里 阅读更多…
2021年的一点工作总结(一)迁移React技术栈
2021年全年的工作总结起来很简单,算是做苦力的一年吧。。。 2021年春节后就开始邮件项目从Vue迁移到React的工作以及富文本编辑器由wangEditor替换成CKEditor。 其实自己 阅读更多…
Jetbrains旗下IDEA系列产品将于2022.10.1起涨价,最多一次性购买三年
官方的涨价声明原文 Increased Subscription Pricing for IDEs, .NET Tools, and the All Products Pack 想想自己也算 阅读更多…
vue发送请求是应该在mounted还是在created生命周期
一个经常会被问到的问题: 为什么不在 created 里去发ajax? created 可是比 mounted 更早调用啊,更早调用意味着更早返回结果,那样性能不是更高? 首先,一 阅读更多…
