1、安装vue的脚手架
打开windows的黑窗口(dos命令)输入下面命令,全局安装Vue的脚手架。
npm i @vue/cli -g # 全局安装
安装完成之后,输入
vue -V # 查看vue的脚手架的版本,只要看到版本,就表示安装成功,否则重装
2、npm设置淘宝镜像
# 查看当前下载源
npm config get registry
# 切换下载源
npm config set registry https://registry.npmmirror.com # 最新的国内镜像地址
3、使用vue的脚手架创建项目
vue-cli:vue create project:创建的vue3项目是基于webpack打包的,自带默认配置;
vue create vue-demo
进入项目目录,cd 项目名
启动项目:npm run serve
http://localhost:8080/
npm init vue@latest:是vue官方创建vue3项目的命令,项目是基于vite打包的构建设置,会安装并执行create-vue,将会看到一些可选功能提示。
进入项目目录,cd 项目名
启动项目:npm run dev
http://localhost:5173/
npm create vite@latest --安装vite并搭建脚手架项目
cd vite-demo
npm install
npm run dev
http://localhost:5173/