一、VUE杂谈一

---

一、使用vite构建vue项目

构建命令

npm init vite@latest
Need to install the following packages:
  create-vite@latest
Ok to proceed? (y) y
√ Project name: ... vite-project
√ Select a framework: » Vue
√ Select a variant: » TypeScript
1
2
3
4
5
6
7

进入项目目录执行npm install 根据package.json安装好依赖包

npm install
1

执行 npm run dev 运行项目ok

二、通过vue脚手架构建vue项目

npm init vue@latest
1

进入项目目录执行npm install 根据package.json安装好依赖包

三、npm卸载

1. 在控制面板卸载程序中查看是否有nodejs，有卸载掉
2. npm config ls // 查看配置文件路径,统统删除掉
3. 环境变量中关于Nodejs的统统删掉
4. 删除C:\Users\Administrator下.npmrc .vuerc相关文件

四、npm安装

node官网下载LTS稳定版本。

安装直接下一步直到完成。

有了环境变量我们可以在shell中执行命令了。

C:\Users\Administrator>node -v
v16.18.0

C:\Users\Administrator>npm -v
8.19.2

1
2
3
4
5
6

配置npm安装的全局模块所在的路径，以及缓存cache的路径

设置目录权限

通过命令设置配置

C:\Users\Administrator>npm config set prefix "C:\Program Files\nodejs\node_global"

C:\Users\Administrator>npm config set cache "C:\Program Files\nodejs\node_cache"

npm config set registry https://registry.npm.taobao.org/
npm cache clean --force

C:\Users\Administrator>npm config list
; "builtin" config from C:\Program Files\nodejs\node_modules\npm\npmrc

; prefix = "C:\\Users\\Administrator\\AppData\\Roaming\\npm" ; overridden by user

; "user" config from C:\Users\Administrator\.npmrc

cache = "C:\\Program Files\\nodejs\\node_cache"
prefix = "C:\\Program Files\\nodejs\\node_global"

; node bin location = C:\Program Files\nodejs\node.exe
; node version = v16.18.0
; npm local prefix = C:\Users\Administrator
; npm version = 8.19.2
; cwd = C:\Users\Administrator
; HOME = C:\Users\Administrator
; Run `npm config ls -l` to show all defaults.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

五、npm常用安装命令

## 安装全局包
npm install -g 
## 卸载全局包
npm uninstall -g 
## 更新所有全局包
npm update -g
## 升级到最新版本npm
npm install -g npm@latest 
1
2
3
4
5
6
7
8

六、vite构建vue项目结构介绍

七、开发vue3 vscode需要安装的插件