VUE创建项目

最新推荐文章于 2024-03-18 09:00:00 发布

AI-NuanBaobao

最新推荐文章于 2024-03-18 09:00:00 发布

阅读量427

点赞数

分类专栏：前端文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Hzh130727/article/details/122848865

版权

23 篇文章 0 订阅

订阅专栏

$ vue init webpack (vue3-test) // 项目名，这里需要进行一些配置，默认回车即可

$ cd vue3-test
$ cnpm run dev
  DONE  Compiled successfully in 2558ms          

 I  Your application is running here: http://localhost:8080

Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动,通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目，语法格式如下：

npm init @vitejs/app <project-name>

创建项目 vue3-test2：
$  cnpm init @vitejs/app vue3-test2
运行项目:

$ cd vue3-test2
$ cnpm install
$ cnpm run dev

vue create 命令创建项目语法格式如下：

vue create [options] <app-name>

接下来我们创建 vue3-app 项目：

vue create vue3-app // 执行以上命令会出现安装选项界面,按下回车键后就会进入安装，等候片刻即可完成安装

安装完成后，我们进入项目目录：

cd vue3-app2

启动应用：

npm run serve

除了使用 vue create 命令创建项目，我们还可以使用可视化创建工具来创建项目

运行命令：

$ vue ui
&#x1f680;  Starting GUI...
&#x1f320;  Ready on http://localhost:8000
...

然后可以在用户界面创建项目

关注