青岛网站设计企业,罗湖网站(建设深圳信科),广州越秀区核酸检测点,电商营销的策略与方法Vscode #xff0c;这玩意儿是开源的#xff0c;以前用收费的破解版#xff0c;过段时间就高版本不匹配#xff0c;这次搞个不要钱的玩玩#xff0c;记录使用心得
下载
下载地址#xff1a;官网 点击下载#xff0c;但是这里有个问题下载比较慢#xff0c;解决办法这玩意儿是开源的以前用收费的破解版过段时间就高版本不匹配这次搞个不要钱的玩玩记录使用心得
下载
下载地址官网 点击下载但是这里有个问题下载比较慢解决办法 在chrome 浏览器中打开下载的地址 https://az764295.vo.msecnd.net/stable/6445d93c81ebe42c4cbd7a60712e0b17d9463e97/VSCodeUserSetup-x64-1.81.0.exe
然后替换 用 https://vscode.cdn.azure.cn/ 替换前面的最后成这样 https://vscode.cdn.azure.cn/stable/6445d93c81ebe42c4cbd7a60712e0b17d9463e97/VSCodeUserSetup-x64-1.81.0.exe 这个地址下载就会比较快了
常用快捷键
常用的快捷键已高亮 #设置相关CtrlShiftP, F1打开命令框 CtrlP 快速打开转到文件 CtrlShiftN打开新的vscode窗口 CtrlShiftW关闭vscode窗口 Ctrl, 打开用户设置 CtrlK CtrlS键盘快捷方式#编辑相关CtrlX 剪切 CtrlC 复制 Alt ↑ / ↓ 上下移动行 ShiftAlt ↓ / ↑复制并粘贴到上下行 CtrlShiftK 删除行 CtrlEnter行下插入 CtrlShiftEnter行上插入 CtrlShift\ 调到匹配的括号另一端 Ctrl] / [ 行的缩进和缩出 Home / End跳转行头行尾 CtrlHome跳转到文件开头 CtrlEnd跳转到文件结尾 Ctrl↑ / ↓向上/下滚动行 AltPgUp / PgDn向上/向下滚动页面 #CtrlShift[折叠所选区域 #CtrlShift]展开所选区域 CtrlK Ctrl[折叠所有子域 CtrlK Ctrl]展开所有子域 CtrlK Ctrl0折叠所有区域 CtrlK CtrlJ展开所有区域 CtrlK CtrlC添加行注释 CtrlK CtrlU删除行注释 Ctrl/ 切换行注释 ShiftAltA切换块注释 AltZ切换换行#导航相关CtrlT显示所有符号 CtrlG转到第几行 CtrlP转到某个文件 CtrlShiftO 转到某个符号 CtrlShiftM显示问题面板 F8转到下一个错误或警告 ShiftF8转到上一个错误或警告 CtrlShiftTab快速切换到历史文件 Alt ← / →返回/前进 CtrlM切换选项卡移动焦点#搜索替换相关CtrlF查到 CtrlH替换 F3 / ShiftF3查找下一个/上一个 AltEnter选择“查找匹配项”的所有出现项 CtrlD添加所选内容以查找下一个匹配项 CtrlK CtrlD移动最后一个选择以查找下一个匹配项 AltC / R / W切换区分大小写/正则表达式/全字 #多光标和选择AltClick插入 #CtrlAlt↑/↓在上方/下方插入光标多选行 CtrlU撤消上次光标操作 ShiftAltI在选定的每行末尾插入光标 CtrlL选择当前行 CtrlShiftL选择当前选择的所有匹配项 CtrlF2选择当前单词的所有匹配项 ShiftAlt→展开选择 ShiftAlt←收缩选择 ShiftAlt鼠标选择鼠标区域行列组成的矩形 CtrlShiftAlt箭头键列框选择 CtrlShiftAltPgUp/PgDn列框选择页上/下#语言编辑相关CtrlSpace触发建议 CtrlShiftSpace触发参数提示 #ShiftAltF格式化文档 CtrlK CtrlF格式选择 F12转到定义 AltF12定义 CtrlK F12将定义打开到一侧 Ctrl。快速修复 ShiftF12显示引用 F2重命名符号 CtrlK CtrlX修剪尾部空白 CtrlK M更改文件语言#编辑管理相关CtrlF4CtrlW关闭编辑器 CtrlK F关闭文件夹 #Ctrl\分割编辑器 #Ctrl1/2/3焦点转换到第一第二或第三编辑组分割后使用 CtrlK Ctrl←/→聚焦到上一个/下一个编辑器组 CtrlShiftPgUp/PgDn向左/向右移动编辑器 CtrlK←/→移动活动编辑器组#文件管理相关CtrlN新建文件 CtrlO打开文件 CtrlS保存 CtrlShiftS另存为 CtrlK S全部保存 CtrlF4关闭当前窗口 CtrlK CtrlW全部关闭 CtrlShiftT重新打开关闭的编辑器 CtrlK按Enter键以保持预览模式编辑器处于打开状态 CtrlTab打开下一个 CtrlShiftTab打开上一页 CtrlK P活动文件的复制路径 CtrlK R在资源管理器中显示活动文件 CtrlK在新窗口/实例中显示活动文件#显示相关F11切换全屏 ShiftAlt0切换编辑器布局水平/垂直 Ctrl/-放大/缩小 CtrlB切换侧边栏可见性 CtrlShiftE显示资源管理器/切换焦点 CtrlShiftF显示搜索 CtrlShiftG显示源代码管理 CtrlShiftD显示调试 CtrlShiftX显示扩展名 CtrlShiftH替换文件 CtrlShiftJ切换搜索详细信息 CtrlShiftU显示输出面板 CtrlShiftV打开标记预览 CtrlK V打开标记预览到一侧 CtrlK ZZen模式按Esc退出#调试相关F9切换断点 F5开始/继续 ShiftF5停止 F11/ShiftF11步进/步出 F10跨过 CtrlK CtrlI显示悬停#终端相关Ctrl显示集成终端 CtrlShift创建新终端 CtrlC复制选择 CtrlV粘贴到活动终端 Ctrl↑/↓上/下滚动 ShiftPgUp/PgDn向上/向下滚动页面 CtrlHome/End滚动到顶部/底部
安装NODE.JS
Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 下载对应你系统的Node.js版本:NODEJS 我下载的版本 然后安装安装后进入安装目录 node -v 查看版本
包资源管理器NPM
npm全称Node Package Manager他是node包管理和分发工具。其实我们可以把NPM理解为前端的Maven ,Node.js 内置了 npm
-- 这里要用管理员进入cmd
C:\Windows\System32npm install expressadded 58 packages in 5s8 packages are looking for fundingrun npm fund for detailsC:\Windows\System32node-gyp
node-gyp是用Node.js编写的跨平台命令行工具用于为Node.js编译本机插件。它包含gyp-next项目的供应商副本该副本以前由Chromium团队使用已扩展用来支持Node.js本机插件的开发。
C:\WINDOWS\system32npm install -g node-gypchanged 125 packages in 20sC:\WINDOWS\system32初始化项目
在vscode 中选中文件然后 在终端中打开输入npm init -y 就会生成一个 package.json 文件就代表着初始化成功了
PS F:\03-qianduan\myself\vue3 npm -y init
Wrote to F:\03-qianduan\myself\vue3\package.json:{name: vue3,version: 1.0.0,description: ,main: index.js,scripts: {test: echo \Error: no test specified\ exit 1},keywords: [],author: ,license: ISC
}PS F:\03-qianduan\myself\vue3 npm install jqueryadded 1 package in 3s
PS F:\03-qianduan\myself\vue3 淘宝NPM镜像
有时我们使用npm下载资源会很慢所以我们可以安装一个cnmp(淘宝镜像)来加快下载速度。输入命令进行全局安装淘宝镜像。
npm install -g cnpm --registryhttps://registry.npm.taobao.orgC:\WINDOWS\system32npm install -g cnpm --registryhttps://registry.npm.taobao.org
C:\Users\Lenovo\AppData\Roaming\npm\cnpm - C:\Users\Lenovo\AppData\Roaming\npm\node_modules\cnpm\bin\cnpm
npm WARN notsup Unsupported engine for cnpm9.2.0: wanted: {node: 14.18.0} (current: {node:14.17.3,npm:6.14.13})
npm WARN notsup Not compatible with your version of node/npm: cnpm9.2.0
npm WARN notsup Unsupported engine for urllib3.17.1: wanted: {node: 14.19.3} (current: {node:14.17.3,npm:6.14.13})
npm WARN notsup Not compatible with your version of node/npm: urllib3.17.1
npm WARN notsup Unsupported engine for npminstall7.9.0: wanted: {node:14.18.0} (current: {node:14.17.3,npm:6.14.13})
npm WARN notsup Not compatible with your version of node/npm: npminstall7.9.0 cnpm9.2.0
added 368 packages from 92 contributors, removed 398 packages, updated 307 packages and moved 3 packages in 429.006s
安装后我们可以使用以下命令来查看cnpm的版本
cnpm ‐v
使用cnpm cnpm install 需要下载的js库
C:\Windows\System32npm fund
System32
-- https://github.com/sponsors/ljharb
| -- qs6.11.0, side-channel1.0.4, call-bind1.0.2, get-intrinsic1.2.1, has-proto1.0.1, has-symbols1.0.3, object-inspect1.12.3
-- https://github.com/sponsors/feross-- safe-buffer5.2.1卸载CNPM
npm uninstall -g cnpmnpm run build‘gulp’ 不是内部或外部命令也不是可运行的程序或批处理文件。
-- 安装 gulp
npm install gulp -g查看全局配置
npm config ls npm set prefix E:\developer\npm-repo
-- 设置缓存目录
npm set cache E:\developer\npm-cache查看镜像地址
C:\Windows\System32npm config get registry
https://registry.npmjs.org/改镜像地址
-- 设置镜像
C:\Windows\System32npm config set registry https://registry.npm.taobao.orgC:\Windows\System32npm ls -g
E:\developer\npm-repo
-- (empty)C:\Windows\System32npm config get registry
https://registry.npm.taobao.org查看安装包
-- 查看本地安装包
C:\Windows\System32npm list
System32 C:\Windows\System32
-- express4.18.2
-- 查看全局安装包
C:\Windows\System32npm list -g
E:\developer\npm-repo
-- gulp4.0.2安装包
npm install --legacy-peer-deps -- 或者后面这个不要 这个是解决 依赖冲突 的npm install chromedriver2.27.2 --ignore-scripts -- 后面的参数是单独安装某个包NPM 查看包
npm list 安装windows-build-tools
npm install -globabl -production windows-build-toolsC:\WINDOWS\system32npm install -globabl -production windows-build-tools
npm WARN deprecated windows-build-tools5.2.2: Node.js now includes build tools for Windows. You probably no longer need this tool. See https://github.com/felixrieseberg/windows-build-tools for details.
npm WARN deprecated request2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated har-validator5.1.5: this library is no longer supported
npm WARN deprecated uuid3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. windows-build-tools5.2.2 postinstall C:\WINDOWS\system32\node_modules\windows-build-toolsnode ./dist/index.jsDownloading python-2.7.15.amd64.msi
[] 100.0% (0 B/s)
Downloaded python-2.7.15.amd64.msi. Saved to C:\Users\Lenovo\.windows-build-tools\python-2.7.15.amd64.msi.
Downloading vs_BuildTools.exe
[] 100.0% of 1.12 MB (743 kB/s)
Downloaded vs_BuildTools.exe. Saved to C:\Users\Lenovo\.windows-build-tools\vs_BuildTools.exe.Starting installation...
Launched installers, now waiting for them to finish.
This will likely take some time - please be patient!Status from the installers:
---------- Visual Studio Build Tools ----------
Still waiting for installer log file...
------------------- Python --------------------
Successfully installed Python 2.7 gyp ERR! stack Error: Could not find any Visual Studio installation to use
npm install -g node-gyp
C:\WINDOWS\system32npm install -g node-gyp
C:\Users\Lenovo\AppData\Roaming\npm\node-gyp - C:\Users\Lenovo\AppData\Roaming\npm\node_modules\node-gyp\bin\node-gyp.jsnode-gyp9.4.0
added 53 packages from 15 contributors, removed 10 packages and updated 81 packages in 6.431s
-- 检查一下
C:\WINDOWS\system32node-gyp list
gyp info it worked if it ends with ok
gyp info using node-gyp9.4.0
gyp info using node14.17.3 | win32 | x64
14.17.3
gyp info oknpm config set python C:\Users\Lenovo\.windows-build-tools\python27C:\WINDOWS\system32npm config set python C:\Users\Lenovo\.windows-build-tools\python27设置全局淘宝镜像
C:\WINDOWS\system32npm config set registry https://registry.npm.taobao.orgnrm 安装
nrm 是 npm registry 管理工具 nrm, 能够查看和切换当前使用的registry。
C:\WINDOWS\system32npm install nrm -g
C:\Users\Lenovo\AppData\Roaming\npm\nrm - C:\Users\Lenovo\AppData\Roaming\npm\node_modules\nrm\cli.jsnrm1.2.6
added 17 packages from 10 contributors in 1.673sC:\WINDOWS\system32nrm lsnpm ---------- https://registry.npmjs.org/yarn --------- https://registry.yarnpkg.com/tencent ------ https://mirrors.cloud.tencent.com/npm/cnpm --------- https://r.cnpmjs.org/taobao ------- https://registry.npmmirror.com/npmMirror ---- https://skimdb.npmjs.com/registry/-- 选择使用某个镜像源
C:\Windows\System32nrm use taobaoSUCCESS The registry has been changed to taobao.-- 下面带* 的就表示用的淘宝镜像C:\Windows\System32nrm ls -- 列出可用的镜像支持源带* 的表示当前正在用的npm ---------- https://registry.npmjs.org/yarn --------- https://registry.yarnpkg.com/tencent ------ https://mirrors.cloud.tencent.com/npm/cnpm --------- https://r.cnpmjs.org/
* taobao ------- https://registry.npmmirror.com/npmMirror ---- https://skimdb.npmjs.com/registry/nrm delete 镜像名称 -- 删除镜像源 上面安装采用node-v18.17.0-x64 版本报了一堆的错后来改为node-v16.20.2-x64 版本一帆风顺个人建议就不要用18以上的版本了会减少很多问题
the end
