npm | yarn | pnpm | cnpm

npm | yarn | pnpm | cnpm

---

npm

(node package manager node的包管理工具)

下载 nodeJs 安装包,安装完后,自动下载 npm工具

https://nodejs.org/zh-cn/download/

第一次使用下载包会失败,因为没有修改npm的源(改为国内淘宝镜像源)

找到 C:\Users\xx(自己的用户名) 目录下

在.npmrc 文件中放入这个命令 (淘宝之前的源已经不维护了)

 registry=https://registry.npmmirror.com/

yarn

安装 --- 包管理工具

官方下载安装包，https://yarnpkg.com/zh-Hans/docs/install，安装完毕后，一定要配置环境变量

 npm i yarn -g

pnpm

 npm i pnpm  -g
 查看版本号  pnpm-v

cnpm

 npm i cnpm -g
 查看版本号  cnpm -v

看一个项目使用什么包安装

查看 项目的lock文件

package-lock/yarn-lock/ pnpm-lock

vue2 | vue3 创建项目

---

vue2 webpack创建

https://cli.vuejs.org/zh/#%E8%B5%B7%E6%AD%A5

安装：

 npm install -g @vue/cli

# OR

 yarn global add @vue/cli

创建一个项目：

 vue create my-project
 # OR
 vue ui

vue3 vite创建

https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project

使用 NPM:
 $ npm create vite@latest
使用 Yarn:
 $ yarn create vite
使用 PNPM:
 $ pnpm create vite
你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板。例如，要构建一个 Vite + Vue 项目，运行:
 # npm 6.x
 npm create vite@latest my-vue-app --template vue
 ​
 # npm 7+, extra double-dash is needed:
 npm create vite@latest my-vue-app -- --template vue
 ​
 # yarn
 yarn create vite my-vue-app --template vue
 ​
 # pnpm
 pnpm create vite my-vue-app --template vue

查看 create-vite 以获取每个模板的更多细节：vanilla，vanilla-ts, vue, vue-ts，react，react-ts，react-swc，react-swc-ts，preact，preact-ts，lit，lit-ts，svelte，svelte-ts。

create-vue，即官方的项目脚手架工具，提供了搭建基于 Vite 且 TypeScript 就绪的 Vue 项目的选项。

1. 执行创建命令

 pnpm create vue
 # or
 npm init vue@latest
 # or
 yarn create vue

# 修复格式 pnpm lint (修复所有文件的代码格式)