vue3项目快速创建

文章目录

  • 一.环境安装
    • 1.node.js下载
    • 2.环境变量配置
      • 2.1查看版本
    • 3.修改模块下载位置
    • 4.设置淘宝镜像
    • 5.安装pnpm
      • 5.1npm常用命令
  • 二.使用pnpm+vite创建vue3项目
    • 1.使用PNPM,安装Vite
    • 2.运行项目
    • 3.pnpm常用命令

一.环境安装

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

你可能感兴趣的:(arcgis)