如何启动 Vue 3 项目?安装 Node.js 和 Vue CLI创建新项目进入项目目录安装依赖项启动开发服务器访问应用程序(http://localhost:8080)

如何在 Vue 3 中启动项目
启动 Vue 3 项目有以下几个步骤:
1. 安装 Node.js 和 Vue CLI
- 安装 Node.js(版本 14 或更高)。
- 全局安装 Vue CLI:
npm install -g @vue/cli。
2. 创建新项目
立即学习“前端免费学习笔记(深入)”;
- 创建一个文件夹来存放项目。
- 在该文件夹中,运行:
vue create 项目名称。
3. 进入项目目录
- 进入项目目录:
cd 项目名称。
4. 安装依赖项
- 运行:
npm install或yarn install。
5. 启动开发服务器
- 运行:
npm run serve或yarn serve。
6. 访问应用程序
支持静态模板,支持动态模板标签,支持图片.SWF.FLV系列广告标签.支持百万级海量数据,绑定内置URL伪装策略(URL后缀名随你怎么写),绑定内置系统升级策略(暂不开放升级),绑定内置模板付费升级策略(暂不开放更新)。支持标签容错处理,绑定内置攻击防御策略,绑定内置服务器优化策略(系统内存释放的干干净净)。支持离线运行,支持次目录,兼容U主机。支持会员功能,支持文章版块权限阅读,支持会员自主注册
- 在浏览器中打开 http://localhost:8080(默认端口)。
详细步骤:
安装 Node.js 和 Vue CLI
- 访问 Node.js 官网(https://nodejs.org/en/)下载并安装。
- 在命令行中运行:
npm install -g @vue/cli。
创建新项目
- 创建一个空文件夹,例如
my-vue-project。 - 在该文件夹中,运行:
vue create my-vue-project。
进入项目目录
- 在命令行中,运行:
cd my-vue-project。
安装依赖项
- 运行:
npm install或yarn install。这将安装项目所需的 npm 包。
启动开发服务器
- 运行:
npm run serve或yarn serve。这将启动一个本地开发服务器,默认端口为 8080。
访问应用程序
- 在浏览器中输入:http://localhost:8080。这将显示 Vue 3 应用程序。









