匆匆那年

上周末无意中发现了一个新的在线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项目，还没写完。