vue3项目快速创建

一.环境安装

1.node.js下载

node.js下载

一路点击next

2.环境变量配置

系统变量path新增mypath/和mypath/node_modules/npm/bin

2.1查看版本

node -v

npm -v

3.修改模块下载位置

使用npm get prefix查看npm全局模块的存放路径

npm get prefix

使用npm get cache查看npm缓存默认存放路径

npm get cache

设置全局模块的安装路径到 “node_global” 文件夹

npm config set prefix “D:\node\node_global”

设置缓存到 “node_cache” 文件夹

npm config set cache “D:\node\node_cache”

4.设置淘宝镜像

说明：npm 默认的 registry ,也就是下载 npm 包时会从国外的服务器下载，国内下载会很慢，可以更换为国内镜像

查看当前使用的镜像路径

npm config get registry

修改镜像路径

npm config set registry https://registry.npmmirror.com

5.安装pnpm

npm install pnpm -g

5.1npm常用命令

npm init	初始化一个新的npm包
npm install [指定的包] [] …	安装项目依赖项
npm install --save	安装包并将其添加到 dependencies 列表中
npm install --save-dev	安装包并将其添加到 devDependencies 列表中
npm uninstall	卸载指定的包

二.使用pnpm+vite创建vue3项目

1.使用PNPM，安装Vite

pnpm create vite

2.运行项目

pnpm dev

pnpm i安装项目依赖

npm dev

3.pnpm常用命令

pnpm add nodemon -g	安装软件包 相当于 npm i xxx -g
pnpm i	安装项目依赖 相当于 npm i
pnpm dev	运行项目 相当于 npm run dev
pnpm build	打包项目 相当于 npm run build
pnpm add -g pnpm	升级pnpm