npm安装vue3项目

**

1 ，vue环境

**
1.1 安装node: 直接下一步下一步官网下载：https://nodejs.org/zh-cn/
node -v和npm -v检查版本
1.2 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
1.3 创建vue的工程（需要一个vue脚手架）
cnpm install vue@next
cnpm install -g @vue/cli
注：如果2、3步报错，清除缓存后重新走2、3步
npm cache clean --force
1.4 命令行下敲 vue -h看是否有vue的指令列表提示

2 ，创建项目

前提：在目标目录建立项目，打开文件管理器，在路径框输入cmd回车
2.1在命令窗口输入vue create 项目名创建
2.2在命令窗口输入vue ui进行可视化创建

3，创建vite+vue3

npm init vite@latest 项目名
cd 项目名
npm install
npm run dev

yarn安装vue3项目

全局安装yarn
npm install yarn -g
切换源
yarn config get registry
yarn config set registry https://registry.npm.taobao.org
安装新版：
yarn global add @vue/cli
检查vue是否被安装
vue -V
创建项目（与npm创建vue3项目一样）
vue create my-project
我们一般使用第一条（默认）、vuex、router，css预处理，ts等/完成之后，进入到创建的项目根目录下
cd my-project
安装依赖包
yarn
说明：yarn是yarn install的简写，可直接敲击yarn，功能和npm install一样
最后运行项目
yarn run dev
浏览器会自动打开运行一个页面，出现以下页面，说明成功了。