开发

vscode

插件

内置浏览器

教程

旧(废弃)

  • Live Server
  • Browser Preview

新

  • Browse Lite
  • 内嵌浏览器
  • 命令输入”lite” 可以找到并呼出
  • 适合调试 vue 项目或者 web app 项目
  • 可以调手机和 pc 模式
  • 不足:总是有点显示不清晰
  • 内嵌一个 debug,这个不错

Xhell

天翼网盘—>软件—>开发

安装一

xshell 7
xftp 7

xhell 包括两个程序(Xftp7_jb51.rar Xshell7_jb51.rar)

  1. 打开 Xshell-7.0.0109.exe 安装文件 安装路径 D:\Xshell 7
  2. 打开 Xftp-7.0.0107.exe 安装软件 安装路径 D:\Xftp 7

注意:
安装完成后，将 xhell 压缩包里面有 crack 目录，将 nslicense.dll 文件覆盖到软件目录
或者使用注册补丁文件，将 NetSarang.7.x.Patch.exe 复制到安装目录下运行，点击应用即可 (容易报毒)

安装二(推荐)

天翼网盘—>软件—>开发—>xhell7(推荐)

替换法

地址 1
地址 2

git

git 官网 官网 (下载速度比较慢)
git 镜像 阿里镜像

截止 2022-08-17 最新版本是Git-2.37.2.2-64-bit
更新 卸载之前,重新安装最新的 安装一直 next 就行

git 命令文档

node

node 官网

node 历史版本

下载版本 v14.17.0

https://nodejs.org/download/release/v14.17.0/ 选择 node-v14.17.0-x64.msi (win 下载)

设置文件安装配置

  1. 在 nodejs 目录下新建 node_cache node_global 文件夹

  2. 配置路径

    npm config set prefix "D:\nodejs\node_global"

    npm config set cache "D:\nodejs\node_cache"

环境变量
在[系统变量] 添加路径 变量名NODE_PATH 变量值D:\nodejs\node_global
在[用户变量] 将 path 中的C:\Users\wecy\AppData\Roaming\npm修改成 D:\nodejs\node_global

nvm

nvm 是一个 nodejs 的版本管理工具，可以通过 nvm 安装和切换不同版本的 nodejs

github 下载 nvm

下载 nvm-setup.exe 文件

安装前,先安装 node(需要设置默认 node 路径),将默认 node 加入到 nvm 中

redis

下载

下载Redis-x64-3.0.504.msi 不用配置文件服务
下载Redis-x64-3.0.504.zip 需要配置服务

在 Redis 目录下: ./redis-server –service-install redis.windows.conf –loglevel verbose
redis 启动命令

npm

NPM 的全称是 Node Package Manager，是一个 NodeJS 包管理和分发工具，已经成为了非官方的发布 Node 模块（包）的标准。

vue 项目检测(vue 项目检测 依赖包是否有使用，缩减打包后体积)

npm 依赖包检测

查看依赖包

npm config list 查看配置列表(全)

; cli configs
metrics-registry = “http://registry.npm.taobao.org/"
scope = “”
user-agent = “npm/6.14.13 node/v14.17.0 win32 x64”

; userconfig C:\Users\wecy.npmrc
ELECTRON_BUILDER_BINARIES_MIRROR = “https://mirrors.huaweicloud.com/electron-builder-binaries/"
ELECTRON_MIRROR = “http://npm.taobao.org/mirrors/electron/"
cache = “D:\nodejs\node_cache”
prefix = “D:\nodejs\node_global”
puppeteer_download_host = “https://npm.taobao.org/mirrors"
registry = “http://registry.npm.taobao.org/"

; globalconfig D:\nodejs\node_global\etc\npmrc
python = “C:\Users\wecy\.windows-build-tools\python27\python.exe”

; builtin config undefined

; node bin location = D:\nodejs\node.exe
; cwd = D:\fix-bug\nuxt-web-b2c
; HOME = C:\Users\wecy
; “npm config ls -l” to show all defaults.

设置淘宝镜像

npm config set registry https://registry.npm.taobao.org //切换国内镜像，使用淘宝镜像
npm config set registry https://registry.npmjs.org //国外(默认)
npm config get registry //查看当前镜像使用的地址

依赖包安装失败

忽略 npm 脚本

npm install --ignore-scripts

–ignore-scripts 表示 npm 将不会运行在 package.json 中指定的 scripts 脚本

npm 安装失败

npm cache clean –force
npm config set strict-ssl false
npm install

python

处理 npm 安装依赖时提示：cb() never called 的解决方法：

参考

以管理员身份执行：npm install -g windows-build-tools

如果最后安装卡在 Successfully installed Python 2.7，执行以下步骤：

  1. win + r 打开运行窗口

  2. 输入 %temp% 然后回车

  3. 在打开的文件夹中新建文件：dd_client_.log 并写入 Closing installer. Return code: 3010. 然后保存

还是失败

以管理员身份运行cmd命令行窗口 进入项目目录

重新切换 npm 配置

npm config set registry https://registry.npm.taobao.org //切换国内镜像，使用淘宝镜像
npm config set registry https://registry.npmjs.org //国外(默认)

mac 下配置 python
参考地址: https://zhuanlan.zhihu.com/p/191495100

  1. vi ~/.bash_profile
  2. 配置全局路径
1
2
3
4
5
PATH_PYTHON="/Library/Frameworks/Python.framework/Versions/3.8/bin"
# Setting PATH for Phantomjs 2.1.1-maxcosx
PATH_PHANTOM="/Users/wecychen/PhantomJs/phantomjs-2.1.1-macosx/bin"
PATH="${PATH_PYTHON}:${PATH_PHANTOM}:${PATH}"
export PATH

  1. source ~/.bash_profile

  2. phantomjs --version

puppeteer

报错处理

npm config set puppeteer_download_host https://npm.taobao.org/mirrors

npm config set phantomjs_cdnurl https://npm.taobao.org/mirrors/phantomjs/

删除镜像源配置

npm config delete puppeteer_download_host

centos 安装 puppeteer 遇到的报错及解决方案

linux 下报错处理
一
/home/work/node_modules/puppeteer/.local-chromium/linux-856583/chrome-linux/chrome: error while loading shared libraries: libatk-1.0.so.0: cannot open shared object file: No such file or directory
解决:yum install atk

二
报错:/home/work/node_modules/puppeteer/.local-chromium/linux-856583/chrome-linux/chrome: error while loading shared libraries: libatk-bridge-2.0.so.0: cannot open shared object file: No such file or directory
解决:yum install at-spi2-atk

三
报错:/home/work/node_modules/puppeteer/.local-chromium/linux-856583/chrome-linux/chrome: error while loading shared libraries: libxkbcommon.so.0: cannot open shared object file: No such file or directory
解决:yum install libxkbcommon-x11-devel

四
报错:/home/work/node_modules/puppeteer/.local-chromium/linux-856583/chrome-linux/chrome: error while loading shared libraries: libXcomposite.so.1: cannot open shared object file: No such file or directory
解决:yum install libXcomposite

五
报错:/home/work/node_modules/puppeteer/.local-chromium/linux-856583/chrome-linux/chrome: error while loading shared libraries: libgtk-3.so.0: cannot open shared object file: No such file or directory
解决:yum install gtk3

报 node-sass 错误、python 错误

详细解决

解决一

管理员身份 cmd 运行 npm install --global --production windows-build-tools

打开 C:\Users\用户名\.windows-build-tools 复制python27文件夹放在 c 盘内

解决二

  1. 安装 python Windows X86-64 MSI Installer (2.7.0) 1
  2. 在系统环境变量 path 中添加路径 C:\Python27
  3. 运行npm rebuild node-sass 命令
  4. 运行npm install

安装失败 用 cnpm 安装

处理 npm 安装失败

参考

网络上找的其他办法
第一种
1、首先要以管理员模式打开 cmd 清除你的 npm 缓存 : npm cache clean -f
2、清除完缓存后，安装最新版本的 Node helper： npm install -g n

第二种
1、删除 node_modules 和 package-lock.json
2、以管理员方式执行
npm cache clean --force
npm install

第三种
1、清楚 npm 缓存：npm cache clean -f
2、 安装最新版本的 Node helper ：npm install -g n
3、 安装 npm 包管理助手 ：npm install -g n --force
4、 安装 npm ：npm install

第四种
1、 以管理员模式打开 cmd 清除你的 npm 缓存 (mac 电脑在 npm 前加 sudo) ：npm cache clean -f
2、 清除完缓存后，安装最新版本的 Node helper ：npm install -g n
3、安装 npm 包管理助手：npm install -g n --force
4、用 n 助手安装最新的稳定版 node：n stable

chromedriver

还是失败,更改数据源
npm config set chromedriver_cdnurl http://cdn.npm.taobao.org/dist/chromedriver

ffmpeg-static 安装失败

npm config set FFMPEG_BINARIES_URL https://cdn.npmmirror.com/binaries/ffmpeg-static

或使用 cnpm 安装

npm install cnpm -g > cnpm i

yarn

Yarn Facebook 贡献的 Javascript 包管理器。

rimraf

  1. 删除包

    npm install rimraf -g > rimraf node_modules/

electron

官网文档

依赖包安装失败处理

npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/ //安装镜像

npm config set ELECTRON_BUILDER_BINARIES_MIRROR https://mirrors.huaweicloud.com/electron-builder-binaries/ //打包镜像

node-sass

安装失败处理

npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/

pnpm

pnpm 介绍

npm install pnpm -g // 全局安装
pnpm config get registry // 查看源
pnpm config set registry http://registry.npm.taobao.org // 切换淘宝源

设置
pnpm install 包
pnpm i 包
pnpm add 包// -S 默认写入 dependenciespnpm add -D// -D devDependenciespnpm add -g// 全局安装pnpm remove 包//移除包pnpm remove 包 –global//移除全局包pnpm up//更新所有依赖项pnpm upgrade 包//更新包pnpm upgrade 包 –global` //更新全局包
设置存储路径：pnpm config set store-dir /path/to/.pnpm-store

软件

输入法

搜狗输入法

搜狗下载

搜狗皮肤名称 【竹子】极光黑夜

qq

官网下载

文件和聊天记录路径

E:\qq文件\492090230\FileRecv\ 文件路径
E:\qq文件\ 聊天记录路径

微信

官网下载

文件和聊天记录路径 E:\微信文件管理\WeChat Files\
acer E:\Documents\WeChat Files\

远程唤醒

前提: 在睡眠,关机情况下,同一个局域网唤醒

教程

局域网唤醒 send Options 用 Local Subnet 选项配置

一. ​WakeOnLanGui 下载(唤醒软件)

​WakeOnLanGui

二. WakeMeOnLan 下载(局域网连接 ip 信息)

系统

关闭 win11 安全中心

关闭安全中心自启动
https://www.bilibili.com/read/cv13898154/

彻底关闭
https://www.cnblogs.com/rqcim/p/16116684.html