环境部署

@IDE
基于 JavaScript 的开源、跨平台开发环境
Node 没有 DOM BOM
下载 Download
点击 Node.js 下载
安装 Installation
安装的同时,会安装包管理工具 NPM - Node Package Management
也可以在 NPM 下安装 中文 yarn英文 yarn 作为包管理工具
查看版本 Version - 按 Win + R,输入 CMD,打开控制台查看 - 小黑屋
> node -v
v18.16.1

> npm -v
9.5.1
切换镜像源 Registry
为了加快包的下载和使用,改善使用体验,通常需要切换镜像源
1. 查看 get - 安装镜像源,默认是
> npm config get registry
https://registry.npmjs.org
2. 设置 set - 为淘宝最新镜像源 - 感谢22软工刘钰钿同学及时反馈
> npm config set registry https://registry.npmmirror.com
3. 再次查看安装镜像源
> npm config get registry
https://registry.npmmirror.com
Vs Code扩展
node-snippets
依赖 Dependencies
开发过程中,除了自己封装模块外,更多的是使用第三方|依赖
Node自带的NPM就极大的方便了开发人员的使用 - 需要哪个就安装哪个;不需要了就卸载掉
安装依赖 Install
install 可以简写为 i
默认是生产环境
1. 生产环境依赖 dependencies:项目上线后,所必须的依赖,如网络请求 axios;使用--S/--save命令行参数
> npm install package_name --save
> npm install package_name --S
2. 开发环境依赖 devDependencies:开发过程中需要的依赖,发布上线后,不再需要,如CSS预处理;使用--D/--save-dev命令行参数
> npm install package_name --save-dev
> npm install package_name --D
安装时,指定任何参数 --save/-S/--save-dev/D 等,会更新对应的 package.json 文件
如果不指定,则不更新;适合临时使用
移除依赖 uninstall
> npm uninstall package_name
查看依赖 list
当前项目|目录安装的依赖
> npm list
sfc@0.0.0 E:\WEB\sfc
+-- @vitejs/plugin-vue@5.0.4
+-- axios@1.6.8
+-- nanoid@5.0.6
+-- sass@1.72.0
+-- vite@5.1.4
`-- vue@3.4.19
指定命令行参数-g,可以查看安装的全局依赖
> npm list -g
C:\Users\cnplaman\AppData\Roaming\npm
+-- cnpm@9.2.0
+-- express@4.18.2
+-- json-server@1.0.0-alpha.23
+-- nodemon@3.0.3
+-- sass@1.69.5
`-- typescript@5.3.2
查看依赖信息 info
> npm info axios
查看依赖根目录 root
当前项目依赖根目录
> npm root
C:\Users\cnplaman\Desktop\server\node_modules
指定命令行参数-g,可以查看全局依赖根目录
> npm root -g
C:\Users\cnplaman\AppData\Roaming\npm\node_modules
.我的电脑 → c → 用户user → 当前用户 → 应用数据appdata → roaming → npm
C:\Users\cnplaman\AppData\Roaming\npm\node_modules
^表示第一位版本号不变,后面两位取最新的
~表示前两位不变,最后一个取最新
*表示全部取最新
开放脚本执行权限
以管理员方式打开PowerShell
查看权限 - 默认是禁止:Restricted
> get-executionpolicy
修改权限为远程 remotesigned,按Y确认
> set-executionpolicy remotesigned
再次查看权限,确认修改成功