一些学习笔记
第一章
好工具
原型工具 Axure 墨鱼
流程图 xmind processOn
查看Linux 版本 信息 lsb_release -a
内核信息 uname -a
查看 磁盘
df -Th
touch a 创建a 文件
cat a.txt 查看文件呢欧容
wget url 下载url 文件
未了解
- nvm-windows https://github.com/coreybutler/nvm-windows/releases
- SSH 配置ssh ras 米娜密码登录
- npm 发布自己的包
- chrome真机调试
vs code 插件包
xxx extension pack
vue extension pack
nodejs extension pack
java extension pack
vs code 调试 nodejs
第二章
- DOClever中Mock方式开发。 docker 部署即可
- 直接使用mockJS 拦截请求
第三章
npm init -y 快速创建项目
webpack 4 开始就把 webpack 和webpack -cli 分开了，所以要单独安装这两个
npm install webpack -D
npm install webpac-cli -D
npx webpack
前端自动化构建工具 webpack 和gulp
webpack
入口与输出
配置文件：webpack.config.js
使用require 进行引入，webstorm 配置node ocde
output path 需要使用绝对路径
path.join 拼接路径 nodejs 全局变量_dirname
loader 默认webpack 只支持js,如果要解析其他文件，就需要这个了
使用前必须安装 比如css loader
loader 倒叙加载
plugins: 解决loader 无法解决的事情
现在就是需要创建index.html,在引用好打完包的js
那么我们可以交给程序自动生成
所以这里就引用 html-webpack-plugin 插件
同样，插件也需要安装后再使用，在官网可以找到教程
同样可以指定创建的名称和创建的模版
clean 插件
热模块插件，webpack-dev-server 修改自动刷新页面
gulp 使用小项目
配置任务，压缩代码，处理css/js img ，使用插件
gup+browser-sync 插件 同步刷新浏览器 页面热更新 实时更新
那么每次我们新的项目都要复制这个基本自动化构建工具 过去吗？
不是的，我们也可以像 vue-cli 一样做一个自己的脚手架
yeoman
npm install yo -g
npm install -a generator-generator
把代码复制到模板文件夹就行
名称必须generator- 开头，使用不用以这个开头。本地使用必须使用npm link
yo genetator name generator-demo
把自己的脚手架发布到npmjs
注册账号 发布
记得切换为官方源，推荐使用nrm 源管理工具
npm install -g nrm
nrm ls
nrm use npm
npm login
登录
npm publish
package verson 一定要1.0.0 以上 发布成功！！！
然后在npmjs 就可以看到了
vue-cli a
koa web 框架
初始化 koa helloworld
koa router 相当于接口路由
koa-body 请求接口
koa/cors 跨域
koa -json 格式化
koa-combine-routes 路由压缩 只写一次 引入所有的 route
koa-static 静态资源
koa-helmet 安全中间件
nodemon js 变化自动重启服务 nodejs 热加载
koa 开发es6 支持
es6 语法 import
nodejs commonjs 语法require()
使用 es6 语法不能直接用node 运行js
npx babel-node src/index.js 可以运行修改为es6 语法的js
npm nodemon –exec babel-node src/index.js 也可以监听js 变化
调试webpack
koa-compose 合并 app.user 一些方法 集成中间件
表单校验工具
vuelidate 校验工具
veeValidate
nondejs mongoose
nodejs 使用redis npm install redis
redis 命令学习
doc.redisfans.com
gui another redis desktop manager
日志监控koa-logger
mint -ui 饿了么 团队
payjs
