william.chan's Blog

Posted by chanweiyan on July 15, 2020

Linux: tree 命令

tree命令以树状图列出文件目录结构

tree命令显示当前文件夹的目录结构，这是一个非常有用的命令，可以帮我们迅速了解当前目录的结构。安装方法 brew install tree 常用参数 1 2 3 4 5 6 tree -aI "node_modules|.git" # -a 显示出隐藏文件 .gitignore tree -I "node_modules" # -I命令允许你使用正则匹配来排除掉你不想看到的文件夹...

Posted by chanweiyan on July 14, 2020

webpack 4.43.0: TypeError: CleanWebpackPlugin is not a constructor

new CleanWebpackPlugin() // 清除文件

TypeError: CleanWebpackPlugin is not a constructor 错误信息 1 2 3 4 5 6 7 8 /Users/chanweiyan/jd/react-redux/react-hello-world/webpack.config.js:36 new CleanWebpackPlugin(["dist"]) // 清除文件 ^...

Posted by chanweiyan on July 14, 2020

Git: .gitkeep

对于空目录的追踪我们可以用.gitkeep来做

简介本文主要介绍在git中, .gitkeep的作用。作用 git无法追踪一个空的文件夹，当用户需要追踪(track)一个空的文件夹的时候，按照惯例，大家会把一个称为.gitkeep的文件放在这些文件夹里。示例就个人而言，一般需要.gitkeep地方，是希望完成以下功能: 使git忽略一个文件夹下的所有文件，并保留该文件夹 # .gitignore # ignore ...

Posted by chanweiyan on July 14, 2020

Node.js: npm -D -S -g -i 以及安装技巧

npm i webpack webpack-cli -D

npm -D -S -g -i 以及安装技巧 1 2 3 4 -S：安装到上线环境 -D：安装到开发环境 -g：安装到全局 -i：install（等同）繁杂：npm install webpack 简洁：npm i webpack 重复性操作： npm i webpack npm i babel-core 简洁性操作： npm i webpack babel-core &...

Posted by chanweiyan on July 14, 2020

浏览器站内搜索技巧

可以叠加使用下面的搜索技巧来搜索需要的内容

你遇到的所有问题中有80%都可以通过搜索找到答案，剩下的20%只要 re-search 就能解决！示例 1 2 3 4 5 6 7 8 9 10 site:github.com react "周星驰和吴孟达" site:csdn.net +react site:csdn.net -react filetype:pdf rails intitle:react intext:React a...

Posted by chanweiyan on July 14, 2020

vscode: Warnning Incorrect type. Expected "String"

vscode json format

Cancelling vscode warnning Incorrect type. Expected "String" 1 2 3 4 5 6 // ~/Library/Application Support/Code/User/settings.json "json.schemas": [{ "fileMatch": ["**/*.json"], "url": "http: ...

Posted by chanweiyan on July 13, 2020

React: 生命周期方法

React中渲染过程的概览

生命周期方法附属于React类组件的特殊方法，其在组件生命周期的特定时间点被执行。 1 2 3 4 5 6 7 componentWillMount() componentDidMount() componentWillReceiveProps() shouldComponentUpdate() componentWillUpdate() componentDidUpdate(...

Posted by chanweiyan on July 13, 2020

React: 前端报错 node-pre-gyp WARN Using request for node-pre-gyp https download解决方法

这是权限不够的问题，下载的时候加上 --unsafe-perm

前端报错 node-pre-gyp WARN Using request for node-pre-gyp https download解决方法报错信息执行 npm install 时报错 1 2 3 4 5 node-pre-gyp WARN Using request for node-pre-gyp https download node-pre-gyp WARN Pre...

Posted by chanweiyan on July 13, 2020

Node: npm 默认源切换

npx nrm ls

使用nrm工具切换淘宝源 npx nrm use taobao 切换回官方源 npx nrm use npm https://www.jianshu.com/p/bd9ffdf6c039

Posted by chanweiyan on July 13, 2020

ABOUT ME

william.chan's blog

React 组件生命周期流程图

创建-更新-卸载

Linux: tree 命令

tree命令以树状图列出文件目录结构

webpack 4.43.0: TypeError: CleanWebpackPlugin is not a constructor

new CleanWebpackPlugin() // 清除文件

Git: .gitkeep

对于空目录的追踪我们可以用.gitkeep来做

Node.js: npm -D -S -g -i 以及安装技巧

npm i webpack webpack-cli -D

浏览器站内搜索技巧

可以叠加使用下面的搜索技巧来搜索需要的内容

vscode: Warnning Incorrect type. Expected "String"

vscode json format

React: 生命周期方法

React中渲染过程的概览

React: 前端报错 node-pre-gyp WARN Using request for node-pre-gyp https download解决方法

这是权限不够的问题，下载的时候加上 --unsafe-perm

Node: npm 默认源切换

npx nrm ls

FEATURED TAGS

FRIENDS