前端工程化
文章平均质量分 94
易01
软件开发工程师
展开
-
vscode 之 Alibaba Cloud Toolkit 前端自动打包、部署
每次在没有jenkins自动部署的情况下都要经历、打包、将包通过ftp丢到服务器上。实在繁琐。那这里就推荐一个vscode插件一键打包,一键部署。Alibaba Cloud Toolkit目录介绍安装与部署介绍前端持续化集成-一键部署:在一键部署中有很多插件和工具:比如前面说的jenkins、deploy等等,这里使用阿里开发的一款插件Alibaba Cloud Toolkit阿里云官网:产品分类>开发运维Alibaba Cloud Toolkit传送门vscode安装步骤安装与部.原创 2020-09-29 16:17:44 · 3255 阅读 · 2 评论 -
前端工程化之yeoman的使用 (二)
前面对yeoman进行了初步的了解 前端工程化之yeoman的使用(一) ,接下来对yeoman进行扩展安装自己的脚手架,以及遇到的问题进行记录开始新建模板用到的方法属性等说明逻辑解析效果新建模板因为我这里直接删除generators文件夹了(可对照上篇文章的新建目录结构部分)。所以files中的数组直接就是generator:"files": [ "app" ],新建根据公司项目分pc端和移动端分两块pc和mobile用到的方法属性等说明需要的方法:initializ.原创 2020-07-10 14:35:02 · 425 阅读 · 2 评论 -
前端工程化之yeoman的使用 (一)
前端工程化之yeoman使用,前面已经使用plop进行文件模板的开发工程化,而对于大型项目脚手架的工程化则yeoman则大名鼎鼎开始安装创建新建目录结构运行安装全局安装yeomannpm install -g yo创建1、创建一个文件夹,命名规则必须为generator-name ,Yeoman要根据这个名字去查询可用的生成器2、npm init 创建node模块清单package.json文件,当然其中有些是必填的,模板如下:{ "name": "generator-name",.原创 2020-07-09 09:34:03 · 285 阅读 · 0 评论 -
前端工程化之plop的使用
工程化、模块化让编码更加丝滑、让我们"懒"起来这里记录plop.js的使用。plop.js可以通过命令行去生成、处理文件模板代码等,从而解放双手。比如yeoman、比如node cli自己去编写一套针对模板脚手架的工具等。这些后面慢慢探索。开始安装plop全局安装plop在项目的根目录下创建一个plopfile.js安装plop npm install --save-dev plop全局安装plop可选,如果不执行这步骤,那么后面script 脚本运行时要使用npm run 脚本名。全.原创 2020-07-03 15:35:09 · 7641 阅读 · 4 评论 -
使用nvmw进行node下载以及版本管理等
工作中多个项目开发的时候,不同的项目中可能node使用的版本不一致,那么为了多个node版本切换则使用nvmw进行,其用法和nrm差不多开始全局安装nvmwnvmw下载不同版本的node所有node版本列表使用node某一版本全局安装nvmwnvmw地址全局安装:npm install -g nvmwnvmw下载不同版本的node使用nvmw进行不同node版本下载卸载以及切换打开node下载官网LTS:推荐安装的版本Current:更新的最新版本可以使用上诉的版本号(推荐或者.原创 2020-06-23 14:40:09 · 1175 阅读 · 0 评论 -
Eslint semi 结尾分号设置与否
由于java书写习惯 语句结束加分号,而前端使用了eslint,习惯性的加分号,会给错误。这里特别记录一下例如:测试字符串后增加了一个分号,可以看到是eslint semi规则设置报错找到配置文件,配置semi即可取消对分号的报错ESlint配置而我这里配置在了.eslintrc.js文件中,并没有在 package.json 中增加eslintConfig方案一:打开 .eslintrc.js找到rule节点下的 semi可以看到现在是不允许有分号:第一个参数:"off"或0-.原创 2020-06-18 16:15:33 · 30347 阅读 · 1 评论