创建并运行Vue项目

目录

一、下载安装node.js

检查是否安装成功

二、创建Vue项目

三、运行Vue项目

---

一、下载安装node.js

node.js官网

检查是否安装成功

1.点击组合键 Win+R 输入 cmd 打开终端

2.分别输入 node.js和npm -v,输出他们的版本号则表示安装成功

二、创建Vue项目

1.新建一个文件夹

2.用VS Code打开这个文件夹

3.打开终端输入命令

npm create vite@latest <项目名称> -- --template vue

创建完成!

三、运行Vue项目

创建完成后在终端输入cd 项目路径(我刚刚创建的项目名称为test,路径文件夹为test),进入项目文件夹

cd test

输入npm install安装项目依赖

npm install

(如果卡住直接新建一个终端,记得进入项目目录)最后输入npm dev运行项目

npm run dev

按住 ctrl+鼠标左键点击Local后面的连接打开

运行完成!