{"_id":"@arrow-zb/vue2-ts","_rev":"2-cfe25f7264435cd1f5a5a50a23bc5830","name":"@arrow-zb/vue2-ts","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.2":{"name":"@arrow-zb/vue2-ts","version":"0.0.2","author":{"name":"arrow-zb"},"scripts":{"serve":"concurrently \"npm:mock\" \"vue-cli-service serve\"","test:unit":"jest --clearCache && vue-cli-service test:unit","lint":"vue-cli-service lint","build:prod":"vue-cli-service build","build:stage":"vue-cli-service build --mode staging","svg":"vsvg -s ./src/icons/svg -t ./src/icons/components --ext ts --es6","mock":"cd mock && ts-node-dev mock-server.ts"},"dependencies":{"@tinymce/tinymce-vue":"^3.2.6","axios":"^0.21.0","clipboard":"^2.0.6","codemirror":"^5.58.2","core-js":"^3.7.0","cors":"^2.8.5","driver.js":"^0.9.8","echarts":"^4.9.0","element-ui":"^2.14.0","faker":"^5.1.0","file-saver":"^2.0.2","fuse.js":"^6.4.3","js-cookie":"^2.2.1","jsonlint":"^1.6.3","jszip":"^3.5.0","lodash":"^4.17.20","morgan":"^1.10.0","normalize.css":"^8.0.1","nprogress":"^0.2.0","path-to-regexp":"^6.2.0","register-service-worker":"^1.7.1","screenfull":"^5.0.2","script-loader":"^0.7.2","sortablejs":"^1.12.0","tinymce":"^5.5.1","tui-editor":"^1.4.10","vue":"^2.6.12","vue-class-component":"^7.2.6","vue-count-to":"^1.0.13","vue-i18n":"^8.22.1","vue-image-crop-upload":"^2.5.0","vue-property-decorator":"^9.0.2","vue-router":"^3.4.9","vue-splitpane":"^1.0.6","vue-svgicon":"^3.2.9","vue2-dropzone":"^3.6.0","vuedraggable":"^2.24.3","vuex":"^3.5.1","vuex-module-decorators":"^1.0.1","xlsx":"^0.16.8","yamljs":"^0.3.0"},"devDependencies":{"@types/clipboard":"^2.0.1","@types/codemirror":"^0.0.98","@types/compression":"^1.7.0","@types/cors":"^2.8.8","@types/echarts":"^4.9.0","@types/express":"^4.17.8","@types/faker":"^5.1.4","@types/file-saver":"^2.0.1","@types/jest":"^26.0.15","@types/js-cookie":"^2.2.6","@types/lodash":"^4.14.165","@types/morgan":"^1.9.2","@types/node":"^14.14.6","@types/nprogress":"^0.2.0","@types/sortablejs":"^1.10.6","@types/tinymce":"^4.6.0","@types/vue-splitpane":"^1.0.1","@types/vuedraggable":"^2.23.2","@types/webpack-env":"^1.15.3","@types/yamljs":"^0.2.31","@typescript-eslint/eslint-plugin":"^4.6.1","@typescript-eslint/parser":"^4.6.1","@vue/cli-plugin-babel":"^4.5.8","@vue/cli-plugin-eslint":"^4.5.8","@vue/cli-plugin-pwa":"^4.5.8","@vue/cli-plugin-router":"^4.5.8","@vue/cli-plugin-typescript":"^4.5.8","@vue/cli-plugin-unit-jest":"^4.5.8","@vue/cli-plugin-vuex":"^4.5.8","@vue/cli-service":"^4.5.8","@vue/eslint-config-standard":"^5.1.2","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"^1.1.1","babel-loader":"^8.1.0","concurrently":"^5.3.0","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.2","eslint-plugin-vue":"^7.1.0","fibers":"^5.0.0","lint-staged":"^10.5.1","sass":"^1.29.0","sass-loader":"^10.0.5","style-resources-loader":"^1.3.3","swagger-routes-express":"^3.2.1","ts-jest":"^26.4.3","ts-node-dev":"^1.0.0","typescript":"3.8.3","vue-cli-plugin-element":"^1.0.1","vue-cli-plugin-style-resources-loader":"^0.1.4","vue-template-compiler":"^2.6.12","webpack":"^4.4.2"},"gitHooks":{"pre-commit":"lint-staged"},"keywords":["vue","typescript","admin","template","element-ui"],"lint-staged":{"*.{js,jsx,vue,ts,tsx}":["vue-cli-service lint"]},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/arrow-zb/cli-template.git"},"gitHead":"bf1f75f58674faaf820a5b4b4b3c33c9175b413b","description":"做为程序员，就是把复杂的事情简单化，越简单约好，越一键化越完美，开发实际业务时我们都需要先搭建一套运行环境，安装相关依赖，搭建相关的基础架构和封装一些方法以及构建项目等，不然每次都需要自己手动搭建，而且这个过程繁杂还重复，因此，最好是能够一键化搭建自己的开发环境，相信所有的开发人员都是这样，在前端而言，搭建脚手架CLI就是必经之路。讲讲搭建脚手架的好处： 1. 一键化搭建项目结构 2. 规范项目结构 3. 封装最佳实践","bugs":{"url":"https://github.com/arrow-zb/cli-template/issues"},"homepage":"https://github.com/arrow-zb/cli-template#readme","_id":"@arrow-zb/vue2-ts@0.0.2","_nodeVersion":"12.18.4","_npmVersion":"lerna/4.0.0/node@v12.18.4+x64 (darwin)","dist":{"integrity":"sha512-7CdU231EaSMkOQx3sF6PdGN4zxcPVHWOEjQD7nRGnk1NmEJrOQdnX3r/aM1+V/RNAiObiRpfb95dBJ3wXSrV7A==","shasum":"8ff79a3bed3de8ef3f30b37fd9a7873b00c35f55","tarball":"https://registry.npmjs.org/@arrow-zb/vue2-ts/-/vue2-ts-0.0.2.tgz","fileCount":350,"unpackedSize":1879547,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQFA4CRA9TVsSAnZWagAAGzIP/Rp7z6Hi0wAHovEIm0de\ngnGa07A2IqIXLmCVt56yYx4+pwhzEEmJV89dt85z0t6dOp64oLVvgxLgbeHq\nhLGOqje2BkOu+8n5Gvhc72JkGcrGsy5eYnXIhF6hWfLI0b5V6KNpFpmXBT6B\nu14C6kjmIMVDDcyCQqjufFcfaIoKoMTujvCWCBEI0XsJDMvIqPgIsF633CEI\ncRCtXFB588CS2kNVuMm/0hbF2nWgFcksJ+3GAk3WSRzytam67KCUDzih1CyA\n/bQzH3mb/wg/SzqJ9H/h5xNUo6XT/3P41wCKFxsP/NHzB+spgR8ppgN4a6Mx\naSnRV+cOwr/rCDYFIhikC33fbI0FpZxKARtLCBISac0G+gIV2GPX+qjYW7H7\noyhgMIYa1Hjb8IRpc3FvqhT6u+XkPrmhK8eNvDRIv7UcZWodttljBLHEFyhd\nKpHYJAATJ5rnAXJ1RFWxLKQgaHMfuAprxAxFxkljzQ26ZsEnsEPXXl75g5A+\nwOmxzUU+GF/6OlaNjF+32ZoIy1AiXQzIX1FMkjj0ERDMgoU05k3kz022WSnF\nSXMGCG1idQOz5smw1NNj0VSlfu/RaSVC0lzhhcnYi6570azb4bg8p660y5kh\noxWhk+VAYUjVhvFBcjcpttoUPyW95jVfiKAJ9Qrgp8C6+aKjp3+erlMfsriD\nSdNA\r\n=nBpe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWUbDSVgfl3/I1hpbJUT49JAOa6N763hTloMA79WX7CQIhAPY8kFt85Vk4pOgZ3U7HrMSganqnnGwIMlC9G4SJTjs5"}]},"_npmUser":{"name":"arrow-zb","email":"921095267@qq.com"},"directories":{},"maintainers":[{"name":"arrow-zb","email":"921095267@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-ts_0.0.2_1614827576267_0.32554958457993366"},"_hasShrinkwrap":false},"0.0.3":{"name":"@arrow-zb/vue2-ts","version":"0.0.3","author":{"name":"arrow-zb"},"scripts":{"serve":"concurrently \"npm:mock\" \"vue-cli-service serve\"","test:unit":"jest --clearCache && vue-cli-service test:unit","lint":"vue-cli-service lint","build:prod":"vue-cli-service build","build:stage":"vue-cli-service build --mode staging","svg":"vsvg -s ./src/icons/svg -t ./src/icons/components --ext ts --es6","mock":"cd mock && ts-node-dev mock-server.ts"},"dependencies":{"@tinymce/tinymce-vue":"^3.2.6","axios":"^0.21.0","clipboard":"^2.0.6","codemirror":"^5.58.2","core-js":"^3.7.0","cors":"^2.8.5","driver.js":"^0.9.8","echarts":"^4.9.0","element-ui":"^2.14.0","faker":"^5.1.0","file-saver":"^2.0.2","fuse.js":"^6.4.3","js-cookie":"^2.2.1","jsonlint":"^1.6.3","jszip":"^3.5.0","lodash":"^4.17.20","morgan":"^1.10.0","normalize.css":"^8.0.1","nprogress":"^0.2.0","path-to-regexp":"^6.2.0","register-service-worker":"^1.7.1","screenfull":"^5.0.2","script-loader":"^0.7.2","sortablejs":"^1.12.0","tinymce":"^5.5.1","tui-editor":"^1.4.10","vue":"^2.6.12","vue-class-component":"^7.2.6","vue-count-to":"^1.0.13","vue-i18n":"^8.22.1","vue-image-crop-upload":"^2.5.0","vue-property-decorator":"^9.0.2","vue-router":"^3.4.9","vue-splitpane":"^1.0.6","vue-svgicon":"^3.2.9","vue2-dropzone":"^3.6.0","vuedraggable":"^2.24.3","vuex":"^3.5.1","vuex-module-decorators":"^1.0.1","xlsx":"^0.16.8","yamljs":"^0.3.0"},"devDependencies":{"@types/clipboard":"^2.0.1","@types/codemirror":"^0.0.98","@types/compression":"^1.7.0","@types/cors":"^2.8.8","@types/echarts":"^4.9.0","@types/express":"^4.17.8","@types/faker":"^5.1.4","@types/file-saver":"^2.0.1","@types/jest":"^26.0.15","@types/js-cookie":"^2.2.6","@types/lodash":"^4.14.165","@types/morgan":"^1.9.2","@types/node":"^14.14.6","@types/nprogress":"^0.2.0","@types/sortablejs":"^1.10.6","@types/tinymce":"^4.6.0","@types/vue-splitpane":"^1.0.1","@types/vuedraggable":"^2.23.2","@types/webpack-env":"^1.15.3","@types/yamljs":"^0.2.31","@typescript-eslint/eslint-plugin":"^4.6.1","@typescript-eslint/parser":"^4.6.1","@vue/cli-plugin-babel":"^4.5.8","@vue/cli-plugin-eslint":"^4.5.8","@vue/cli-plugin-pwa":"^4.5.8","@vue/cli-plugin-router":"^4.5.8","@vue/cli-plugin-typescript":"^4.5.8","@vue/cli-plugin-unit-jest":"^4.5.8","@vue/cli-plugin-vuex":"^4.5.8","@vue/cli-service":"^4.5.8","@vue/eslint-config-standard":"^5.1.2","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"^1.1.1","babel-loader":"^8.1.0","concurrently":"^5.3.0","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.2","eslint-plugin-vue":"^7.1.0","fibers":"^5.0.0","lint-staged":"^10.5.1","sass":"^1.29.0","sass-loader":"^10.0.5","style-resources-loader":"^1.3.3","swagger-routes-express":"^3.2.1","ts-jest":"^26.4.3","ts-node-dev":"^1.0.0","typescript":"3.8.3","vue-cli-plugin-element":"^1.0.1","vue-cli-plugin-style-resources-loader":"^0.1.4","vue-template-compiler":"^2.6.12","webpack":"^4.4.2"},"gitHooks":{"pre-commit":"lint-staged"},"keywords":["vue","typescript","admin","template","element-ui"],"lint-staged":{"*.{js,jsx,vue,ts,tsx}":["vue-cli-service lint"]},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/arrow-zb/cli-template.git"},"gitHead":"fff5bcefeb99dd448eb02a34084c967cd879e8d0","description":"做为程序员，就是把复杂的事情简单化，越简单约好，越一键化越完美，开发实际业务时我们都需要先搭建一套运行环境，安装相关依赖，搭建相关的基础架构和封装一些方法以及构建项目等，不然每次都需要自己手动搭建，而且这个过程繁杂还重复，因此，最好是能够一键化搭建自己的开发环境，相信所有的开发人员都是这样，在前端而言，搭建脚手架CLI就是必经之路。讲讲搭建脚手架的好处： 1. 一键化搭建项目结构 2. 规范项目结构 3. 封装最佳实践","bugs":{"url":"https://github.com/arrow-zb/cli-template/issues"},"homepage":"https://github.com/arrow-zb/cli-template#readme","_id":"@arrow-zb/vue2-ts@0.0.3","_nodeVersion":"12.18.4","_npmVersion":"lerna/4.0.0/node@v12.18.4+x64 (darwin)","dist":{"integrity":"sha512-DHhIUNsxYgzYW/lvf7V3UVQv5tGNwA3D4AWV2b+0Qs8jVKxQkxQF4MUsn36QJejEuw/SUW+Js6l9yWUSeLzfWg==","shasum":"2895040064e43a4ec8f9e7eba1e8c18c97ac8c75","tarball":"https://registry.npmjs.org/@arrow-zb/vue2-ts/-/vue2-ts-0.0.3.tgz","fileCount":350,"unpackedSize":1879547,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQFE6CRA9TVsSAnZWagAAbpoP/0OmJaZaHbz9XjSxEiCw\nMu4eS47nv30cSFsmJ4QbtkPu9LMVkSN3V1OLNZpt/U7ch275lcu8/Hj3ySjk\nqqR+6IVeQd3kvoFURRxFzrqUe1OdWmNWdcoEHV5h3Xm5rrbZBbCjlfZYbiIC\ngJgi1PmuqVojpajoxhRuQnW7/kzVD9+GZ820nms7Q5NtX7N4j2HK0IULviKt\nWT0umID2syBpwxhZHs30Sp6smdsqShh0LEt8H5Fp7Ki+gIsMLoHhtm9R4bCh\nKt3zeLB/nmpTdSRkzHD+tGaE/qMnvfhzZmgnWfG236BlZ6WwUdsZR0E5l38G\nAUqky0OilS2G49kE+niUEcYSGp03ZkS4hXL28vcnedvtJCIS30h5SEdYRbHI\nWgn1dw6IAIIw6BT3yuKLeduT772+K0JgqotAf7o9xpFpDICmFznZWgDkdMvs\nQ3pmzQqjH2r/HRFvy+9ojkk5jGI+1mUkOOdepUvstbAvjqv99Apu1Fi7Wq/T\no0WMk4sv7feO1OvKk1n/893XrM8Lh2lK/67h3s3zmec8qyaw7t0uppbW5Pjo\nNgrz8D+9c5OF63ofnriMV52/OtrJMMY2mEUBNO8n6SecFGcK6is4OZnPj116\nrAcmUxm7jKM0xqKF5lkkOhOzUlyUcTES53KtkQabAKviuDspX/zUWMDcpABB\nEzO3\r\n=aJK6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdtiLcLAvXCPnGwT5eiNXASNjWsnaHKRioezjFQ7GqNAIgDwSGqSdeQZqZ6jkWMlhASIxFVrW4qWJ07C1dyffuVEQ="}]},"_npmUser":{"name":"arrow-zb","email":"921095267@qq.com"},"directories":{},"maintainers":[{"name":"arrow-zb","email":"921095267@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-ts_0.0.3_1614827834257_0.2925180009261539"},"_hasShrinkwrap":false}},"time":{"created":"2021-03-04T03:12:56.222Z","0.0.2":"2021-03-04T03:12:56.553Z","modified":"2022-04-04T15:35:14.387Z","0.0.3":"2021-03-04T03:17:14.473Z"},"maintainers":[{"name":"arrow-zb","email":"921095267@qq.com"}],"description":"做为程序员，就是把复杂的事情简单化，越简单约好，越一键化越完美，开发实际业务时我们都需要先搭建一套运行环境，安装相关依赖，搭建相关的基础架构和封装一些方法以及构建项目等，不然每次都需要自己手动搭建，而且这个过程繁杂还重复，因此，最好是能够一键化搭建自己的开发环境，相信所有的开发人员都是这样，在前端而言，搭建脚手架CLI就是必经之路。讲讲搭建脚手架的好处： 1. 一键化搭建项目结构 2. 规范项目结构 3. 封装最佳实践","homepage":"https://github.com/arrow-zb/cli-template#readme","keywords":["vue","typescript","admin","template","element-ui"],"repository":{"type":"git","url":"git+https://github.com/arrow-zb/cli-template.git"},"author":{"name":"arrow-zb"},"bugs":{"url":"https://github.com/arrow-zb/cli-template/issues"},"readme":"# 1. 简述\n做为程序员，就是把复杂的事情简单化，越简单约好，越一键化越完美，开发实际业务时我们都需要先搭建一套运行环境，安装相关依赖，搭建相关的基础架构和封装一些方法以及构建项目等，不然每次都需要自己手动搭建，而且这个过程繁杂还重复，因此，最好是能够一键化搭建自己的开发环境，相信所有的开发人员都是这样，在前端而言，搭建脚手架CLI就是必经之路。讲讲搭建脚手架的好处：\n1. 一键化搭建项目结构\n2. 规范项目结构\n3. 封装最佳实践\n\n因此，博主在这里详细的介绍如何搭建前端的脚手架。\n# 2. 开始搭建\n## 2.1 介绍必要依赖\n1. chalk:  用于高亮在终端打印出的日志，一般用于打印出好看的日志给用户看！\n2. clear：用于清空终端命令，一般用于项目开始。\n3. commander： 用于解析终端的输入命令，这样我们就能在终端输入命令然后执行代码，如 vue create appName\n4. download-git-repo: 用于从git仓库中拉取项目，一般我们的项目模板都存在git仓库中，使用这个库进行拉取\n5. figlet: 用于在终端打印出酷炫的日志\n6. handlebars：轻量的语义模板，可进行模板解析\n7. inquirer： 用于在终端进行询问，用户可回答yes/no\n8. open：用于自动打开浏览器\n9. ora： 用于显示进度条\n\n## 2.2 编写CLI\n首先项目初始化后，安装对应的依赖\n\n```bash\nnpm init -y\nnpm install -S chalk clear commander download-git-repo figlet handlebars inquirer open ora\n```\n1. 创建自己的 bin（启动命令）\n2. 根据自己的设定设置commander命令\n3. 拉取自己的模板\n4. 安装依赖\n5. 自动构建启动等\n\n基本上编写CLI的步骤比较简单，就是按照基本的js来写，这里写得十分的简单，之后博主会将自己的 CLI 地址贴出来，同时详细介绍！\n\n这段时间有点忙，我会抽一个周末将后面的详细步骤和代码都写出来，\n","readmeFilename":"README.md"}