h5433的博客

vscode 添加插件完成 css class的名字提示

记录一下lenkins 添加新项目的配置

安装 lint-staged和 huskynpm install --save-dev lint-staged husky// 手动启用huskynpx husky install 会生成 .husky 文件夹添加 .husky里面的pre-commit 文件 npx husky add .husky/pre-commit "npm run lint-staged"在根目录添加 lint-staged.config.jsmodule.exports = { "{!(pac

安装指定的eslint//package.json 的devDependencies 加上 运行npm i "babel-eslint": "^10.1.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-prettier": "^3.4.0", "eslint-plugin-vue": "^7.13.0",设置eslint 规则文件.eslintrc.js

vue3+stylelint 检查错误和自动修复 开发工具webstorm安装stylelint设置开发工具在根目录添加stylelint.config.jsstlylelintl 检查效果设置快快捷键自动修复修改效果安装stylelint为了让stylelint能够去兼容vue3，这里需要下载比较多的东西代码片npm i stylelint stylelint-config-html stylelint-config-recommended-scss stylelint-config-rec

1.es5和es6的区别，说一下你所知道的es6ES6是继ES5之后的一次改进，相对于ES5更加简洁，提高了开发效率 1）let声明变量和const声明常量，两个都有块级作用域　 　ES5中是没有块级作用域的，并且var有变量提升，在let中，使用的变量一定要进行声明　　2）箭头函数　　ES6中的函数定义不再使用关键字function()，而是利用了()=>来进行定义　　3）模板字符串　　模板字符串是增强版的字符串，用反引号（`）标识，可以当作普通字...

1.创建vue项目，为了简洁方便，推荐使用webpack-simple构建一个项目vue init webpack-simple ceshinpm installnpm run dev添加控件 components 文件 如图aa.vue页面 写了简单的案例<template> <div class='aa' > {{con}} </div></template><script> export

1.创建项目vue init webpack-simple npm installnm run dev2.添加控件文件夹 switchButton 里面添加 switch-button.vue页面和index.jsswitch-button.vue 页面里面就和平时写插件一样 没有特别注意的地方index.js 内容如下// switchButton 插件对应组件的名字import switchButton from './switch-button.vue';switchButt

右键 git bash here输入 git clone 克隆地址复制 .gitignore 排除文件 放在文件根目录# Logslogs*.log# IDEA Files.idea/*.iml# Runtime datapids*.pid*.seed# Directory for instrumented libs generated by jsco...

案例地址https://github.com/841418659/dome2.git第一步 安装glob npm install glob -save-dev第二步 在src里面创建pages文件夹和index文件夹 把router文件夹app.vue和index.html和main.js放index文件夹里面第三步第四部第五步第六步代码在案例里面有就不拷贝出来了...

https://github.com/841418659/dome.githttps://github.com/841418659/dome2.git

第一步 复制prod.env.js 为prod.test.js第二部 修改webpack.prod.conf.js文件的判断第三步 在打包的时候加上 npm run build testing

服务器文件也要配置 nginx.conf#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pid;events {...