1.vue环境搭建

一、环境搭建

1）搭建Node.js环境

2）创建项目

npm create vue@latest

接下来会有一些选项

√ 请输入项目名称： ... hello_vue3                             //输入项目名称      
√ 是否使用 TypeScript 语法？ ... 否 / 是                      //是
√ 是否启用 JSX 支持？ ... 否 / 是                             //否  
√ 是否引入 Vue Router 进行单页面应用开发？ ... 否 / 是           //否
√ 是否引入 Pinia 用于状态管理？ ... 否 / 是                     //否
√ 是否引入 Vitest 用于单元测试？ ... 否 / 是                    //否
√ 是否要引入一款端到端（End to End）测试工具？ » 不需要            //否
√ 是否引入 ESLint 用于代码质量检测？ » 否                        //否
√ 是否引入 Vue DevTools 7 扩展用于调试? (试验阶段) ... 否 / 是    //否

正在初始化项目 G:\py_project\hello_vue3... 

项目初始化完成，可执行以下命令：

  cd hello_vue3
  npm install
  npm run dev

3）安装依赖

npm i

4)启动项目

npm run dev

//项目启动
G:\py_project\hello_vue3>npm run dev

> hello_vue3@0.0.0 dev
> vite


  VITE v5.4.10  ready in 721 ms
//访问下面这个地址就可以看到index.html的内容
  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help