vue项目的安装

一.安装nvm

注意：不要安装任何node版本（如有请删除）

删除步骤：

1.打开控制面板，找到node,卸载

2.删除node的安装目录，（不知道目录的win+r--->cmd---->where node）

3.查找相关文件是否存在（如：.npmrc，nodejs,c:/用户/Administered/appData/Roaming/npm），有则删除

4.查看是否删除成功（win+r-->cmd---->node -v）

1.在GitHub上下载,然后根据步骤安装

https://github.com/coreybutler/nvm-windows/releases

nvm-setup.zip        版本

2.安装完成确认 (cmd-->nvm)

3.输入nvm list available 查看可安装的

Node.Js中文网

4.输入nvm install 版本号 如：nvm install 19.9.0（低版本的node中npm需要自己安装）

5.输入nvm list 查看以安装版本

6.nvm use 以安装版本号

二.创建vue3项目

1.用vue cli创建

1.使用vue cli环境前提条件：

node -v

        v19.9.0

npm -v

        9.6.3

vue -V

        @vue/cli 5.0.8

2.创建项目格式：

        vue create 项目名

2.使用vite直接创建

npm init vite

根据步骤选择

Need to install the following packages:
  create-vite@4.4.0
√ Project name: ... vue3_create
√ Select a framework: » Vue
√ Select a variant: » JavaScript

Scaffolding project in C:\Users\Administrator\vue3_create...

Done. Now run:

  cd vue3_create
  npm install
  npm run dev

C:\Users\Administrator>cd .\vue3_create\    // 进入目录

C:\Users\Administrator\vue3_create>npm install //安装

C:\Users\Administrator\vue3_create>npm run dev  //运行

三.遇到的问题：

vue不是内部或外部命令，也不是可运行的程序或批处理文件

1.npm -v 查看

2.进入node.js的安装目录中查看是否存在vue.cmd

3.在cmd中输入npm install -g @vue/cli

4.安装完成后，输入nmp list vue 查看

注意：版本低于3，有些命令不能用（可以输入vue -h查看）

 四.nvm常见命令

nvm list     查看已经安装的版本

nvm -v    显示当前所使用的版本号

nvm list installed     查看已经安装的版本

nvm list available     查看网络可以安装的版本

nvm install     安装最新版本nvm

nvm use         ## 切换使用指定的版本node

nvm ls         列出所有版本

nvm current        显示当前版本

nvm alias         ## 给不同的版本号添加别名

nvm unalias     ## 删除已定义的别名

nvm reinstall-packages     ## 在当前版本node环境下，重新全局安装指定版本号的npm包

nvm on     打开nodejs控制

nvm off     关闭nodejs控制

nvm proxy     查看设置与代理

nvm uninstall 卸载制定的版本

nvm root [path] 设置和查看root路径