vue-cli、create-react-app等常用工具安装、更新、查看版本等操作命令汇总

1、node

1.1、查看node版本号

node -v
1

1.2、查看npm版本号

npm -v
1

1.3、将npm设置成淘宝源

npm config set registry https://registry.npm.taobao.org
1

1.4、查看 node 安装位置

where node
1

2、Vue

2.1、安装vue

npm install vue
1

2.2、全局安装 vue-cli脚手架

npm install -g @vue/cli
1

2.3、查看vue-cli（脚手架）的版本

vue -V

or

vue --version
1
2
3
4
5

2.4、查看vue版本

npm list vue
1

2.5、卸载vue-cli

npm uninstall vue-cli -g

or

yarn global remove vue-cli 
1
2
3
4
5

3、react

3.1、 查看react 最新版本

npm info react
1

第一行就是最新版本号！

3.2、安装react 最新版本

// @后面输入版本号
npm install --save react@18.2.0
1
2

3.3、查看当前项目内react版本

在当前项目中的 package.json文件中查看

4、create-react-app

4.1、全局安装 create-react-app

npm install -g create-react-app
1

4.2、查看当前create-react-app版本

create-react-app -V

or

create-react-app --version
1
2
3
4
5

4.3、查看create-react-app最新版本

npm info create-react-app
1

4.4、全局卸载 create-react-app

npm uninstall -g create-react-app
1

4.5、create-react-app 升级到最新版本

// 第一步：卸载当前版本：
npm uninstall -g create-react-app
// 如果在卸载过程中出现错误，当这个错误返回并提示create-react-app，create-react-app.cmd这两个文件的路径时，那么就要在电脑上找到对应的文件并删除

// 删除之后再次运行查看版本号命令，看是否删除成功
create-react-app --version

// 第二步：全局安装
npm install -g create-react-app

//如果在安装过程中报错，那么就要找到node下的node_modules下的create-react-app的文件夹位置并删除，然后继续运行全局下载命令。

1
2
3
4
5
6
7
8
9
10
11
12

5、webpack

5.1、全局安装webpack

npm install webpack webpack-cli -g
1

5.2、局部安装webpack

npm install webpack webpack-cli --save-dev
1

5.3、查看当前版本号

webpack -v

// 局部安装下，查看当前版本号
npx webpack -v
1
2
3
4

目前先更到这里，会持续补充，敬请期待！