1. node.js安装与配置
Node.js是一个开源、跨平台的 JavaScript 运行时环境;仅仅提供了基础的功能和API。然而,基于Node.js提供的这些基础功能出现了很多强大的工具和框架。所以学会Node.js,可以让前端程序员胜任更多的工作和岗位。
安装node.js
-
进入node.js官网下载对应系统安装包、安装.
-
配置系统环境变量
-
终端查看版本,测试安装是否成功
node -v
npm -v
修改模块下载位置
- 命令如下:
npm get prefix //查看npm全局模块存放位置
npm get cache //查看npm缓存默认存放位置
npm config set prefix "" //修改全局模块位置
npm config set cache "" //修改缓存存放位置
- 添加环境变量(全局模块大多需要命令行访问)
- 下载模块测试(两个命令二选一)
npm install express -g
npm install express --global
“-g”等同于“–global”,“-g” 是全局安装,不加“-g”就是默认下载到当前目录。“-g” 表示安装到之前设置的【node_global】目录下;同时nodejs会自动地在node_global文件夹下创建【node_modules】子文件夹.
- 修改【node.js】【node_global】【node_cache】【node_modules】权限,否则容易下载失败
修改镜像
- 改镜像
npm 默认的 registry ,也就是下载 npm 包时会从国外的服务器下载,国内下载速度可能不稳定,一般更换为淘宝镜像:https://registry.npm.taobao.org。
npm config set registry https://registry.npm.taobao.org/ //修改镜像
npm config get registry //检查当前镜像路径
- 安装cnpm
cnpm的服务器是由淘宝团队提供,服务器在国内,cnpm是npm镜像,一般会同步更新,相差在10分钟,所以cnpm在安装一些软件时候会比较有优势。但是cnpm一般只用于模块安装,在项目创建与卸载等相关操作时仍使用npm。
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v 检查版本,是否安装成功
2. vite创建vue项目
npm init vite@latest <project name> //新建工程
cd <project name> //进入工程目录
npm install //安装依赖环境
npm run dev //运行项目