基于Vite创建简单Vue3工程

2024-01-01 06:36:47

首先安装node.js环境,没有node.js环境,便没有npm命令。

1、Vue3创建执行命令

D:\TABLE\test>npm create vue@latest

Vue.js - The Progressive JavaScript Framework

√ 请输入项目名称: ... vue_test
√ 是否使用 TypeScript 语法? ... 否 / 是  (选择 是)
√ 是否启用 JSX 支持? ... 否 / 是  (选择 否)
√ 是否引入 Vue Router 进行单页面应用开发? ... 否 / 是  (选择 否)
√ 是否引入 Pinia 用于状态管理? ... 否 / 是  (选择 否)
√ 是否引入 Vitest 用于单元测试? ... 否 / 是 (选择 否)
√ 是否要引入一款端到端(End to End)测试工具? ? 不需要 (选择 不需要)
√ 是否引入 ESLint 用于代码质量检测? ... 否 / 是 (选择 否)

正在构建项目 D:\TABLE\test\vue_test...

项目构建完成,可执行以下命令:

  cd vue_test
  npm install
  npm run dev

2、打开项目,在终端输入npm i 安装所有依赖。

在这里插入图片描述

3、入口文件是 index.html

在这里插入图片描述

4、启动项目 npm run dev

在这里插入图片描述

5、点击链接访问

在这里插入图片描述

6、访问效果

在这里插入图片描述

power by 尚硅谷

文章来源:https://blog.csdn.net/qq_48269763/article/details/135320949
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。