创建一个vue3应用

最新推荐文章于 2024-04-18 16:53:09 发布

哆啦A梦1588

最新推荐文章于 2024-04-18 16:53:09 发布

阅读量325

点赞数

分类专栏： vue3 前端区块链文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_52943021/article/details/131353928

版权

前端同时被 3 个专栏收录

3 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

区块链

1 篇文章 0 订阅

订阅专栏

使用create-vue创建项目

1.前提环境条件已安装16.0或更高版本的Node.js

2.创建一个vue3应用

C:\Users\lcds\pro\vue3-test>npm init vue@latest
Need to install the following packages:
  create-vue@3.7.1
Ok to proceed? (y) y

Vue.js - The Progressive JavaScript Framework

√ Project name: ... vue3-test
√ Add TypeScript? ... No / Yes
√ Add JSX Support? ... No / Yes
√ Add Vue Router for Single Page Application development? ... No / Yes
√ Add Pinia for state management? ... No / Yes
√ Add Vitest for Unit Testing? ... No / Yes
? Add an End-to-End Testing Solution? » - Use arrow-keys. Return to submit.
>   No
    Cypress
    Nightwatch
    Playwright
√ Add ESLint for code quality? ... No / Yes
√ Add Prettier for code formatting? ... No / Yes

Scaffolding project in C:\Users\lcds\pro\vue3-test\vue3-test...

Done. Now run:

  cd vue3-test
  npm install
  npm run dev

3.进入项目，启动应用

C:\Users\lcds\pro\vue3-test>cd vue3-test

C:\Users\lcds\pro\vue3-test\vue3-test>npm install

added 462 packages in 34s

C:\Users\lcds\pro\vue3-test\vue3-test>npm run dev

> vue3-test@0.0.0 dev
> vite


  VITE v4.3.9  ready in 1550 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h to show help

在浏览器中输入 http://localhost:5173/ 出现如下图，表示已经成功创建vue3应用