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

相关推荐

  1. vue3项目快速创建

    2023-12-23 12:16:02       64 阅读
  2. Vue创建vue3项目

    2023-12-23 12:16:02       44 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-23 12:16:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-23 12:16:02       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-23 12:16:02       82 阅读
  4. Python语言-面向对象

    2023-12-23 12:16:02       91 阅读

热门阅读

  1. 实现一个批量解压缩并去重的功能

    2023-12-23 12:16:02       71 阅读
  2. Redis小记(1)

    2023-12-23 12:16:02       65 阅读
  3. 【WPF】 使用UserControl并在XAML中赋初始值

    2023-12-23 12:16:02       52 阅读
  4. 观察者模式 Observer

    2023-12-23 12:16:02       60 阅读
  5. 渗透测试和风险评估之间的区别

    2023-12-23 12:16:02       57 阅读
  6. wpf-MVVM绑定时可能出现的内存泄漏问题

    2023-12-23 12:16:02       63 阅读
  7. P5410 【模板】扩展 KMP/exKMP(Z 函数)

    2023-12-23 12:16:02       52 阅读
  8. Vue中的插槽和自定义指令

    2023-12-23 12:16:02       55 阅读