首先保证网速OK,其次node环境正常,npm镜像正常
// 检测node是否安装成功
node -v
// 检测npm是否安装成功
npm -v
若node没安装成功,下载node:Node.js 官方地址,点击下载一直下一步即可完成安装
接下来就可以新建Vue项目了,有多种方法可以选择~
方法一:
全局安装@vue/cli -g
npm install -g @vue/cli
// 若之前安装过,暴力覆盖
npm install -g @vue/cli --force
// 检测@vue/cli是否安装成功
vue -V
在指定文件夹下,打开控制端执行以下命令创建项目
vue create 项目名
进行Vue项目配置
最终出现 Successfully created project 项目名,代表Vue项目创建成功
根据提示内容,执行相关命令即可
cd 项目名 // 进入到该项目的文件目录下
npm run serve // 启动内置的webback本地热更新开发服务器
方式二:
在指定文件夹下,打开控制端执行以下命令创建项目
vue init webpack 项目名称
创建成功后切到指定目录下运行以下命令即可
cd 项目名 //进入到该项目的文件目录下
npm install //安装依赖
npm run dev //启动项目
方法三:
在指定文件夹下,打开控制端执行以下命令创建项目
npm init vite@latest 项目名 -- --template vue
创建成功后切到指定目录下运行以下命令即可
cd 项目名 //进入到该项目的文件目录下
npm install //安装依赖
npm run dev //启动项目