如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^
这个是一个类似codepen的 vue项目，目前只实现了主要的前端部分，后端部分暂未实现，后期版本再跟进。 在线编辑器使用了 vscode 的web版编辑器 monaco-editor，因为vscode非常强大，相信后续扩展会更好一些。项目代码有些地方写得不友好的地方，还请大家指出来，一起去完善哦 ^_^。
- node >= 4.0.0
- npm >= 3.0.0
项目地址：（使用git clone）
git clone https://github.com/heqing0712/vue-codepen.git通过npm安装本地服务第三方依赖模块(需要已安装Node.js)，使用npm安装依赖模块可能会很慢，建议换成cnpm
npm install -g cnpm --registry=http://registry.npm.taobao.org# 安装依赖模块
cnpm install
# 启动服务
npm run dev
# 发布代码
npm run build
. ├── README.md ├── dist // 项目build目录 ├── config // 环境变量和入口，出口配置 ├── libs // 参与打包的插件类库 ├── static // 静态资源目录 ├── build // 项目的配置文件目录 │ ├── build.js // 打包的主入口 │ ├── check-version.js // 检查输出打包库的版本 │ ├── dev-client.js // 调试自动刷新配置 │ ├── dev-server.js // 开发的服务配置 │ ├── utils.js // 配置用到的工具类 │ ├── vue-loader.js // vue文件加载配置 │ ├── webpack-base-conf.js // 基本的Webpack 配置文件 │ ├── webpack-dev-conf.js // 开发的Webpack 配置文件 │ ├── webpack-prod-conf.js // 生产的Webpack 配置文件 ├── package.json // 项目配置文件 ├── src // 生产目录 │ ├── assets // css js 和图片资源 │ ├── components // 各种组件 │ ├── config // 项目配置 │ ├── router // 项目路由 目前主要首页 │ ├── vs // vs编辑器主要文件夹 │ └── app.vue // 根组件 │ └── main.js // Webpack 预编译入口 ├── index.html // 项目入口文件 .