发现一个可以在线写代码的网站!!!
在线写代码,分享代码,执行代码
https://codesandbox.io/s/
刚刚知道这个神奇的网站,不仅可以在线写vue的代码,还可以写其他的代码。
可以先选择要建立的项目类型,比如vue3、vue2、其他。好吧,其他的我也不会。
![](http://upload-images.jianshu.io/upload_images/25078225-416e75d68b631ed4.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200/format/webp)
选择项目类型
然后自动建立了一个vue3 的项目,非常简单,不用在本地安装node、npm等,直接在网页里就出来了。
外观和vscode比较像。
![](http://upload-images.jianshu.io/upload_images/25078225-df02309a4cb5d84a.png?imageMogr2/auto-orient/strip|imageView2/2/w/327/format/webp)
项目文件
这个文件结构是不是很眼熟,可以用GitHub的账号登录。
可以添加 npm 上面的资源包,比如 element-plus,自己写的包发布到npm上面,也可以加载进来。
![](http://upload-images.jianshu.io/upload_images/25078225-803fc171265fa23d.png?imageMogr2/auto-orient/strip|imageView2/2/w/732/format/webp)
安装npm上面的资源包
![](http://upload-images.jianshu.io/upload_images/25078225-e60e7a995c9a3739.png?imageMogr2/auto-orient/strip|imageView2/2/w/506/format/webp)
安装UI库
这样不仅可以做个小代码,小演示,还可以做个大点的项目。
只是不知道修改权限是如何设置的。好像谁都可以改。那么会不会改乱?
作者:自然框架
链接:https://www.rrdynb.com/movie/
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。