当前位置: 首页 / 技术问答 / 正文
什么是vue-cli?vue-cli创建项目的两种方式是什么?

2023-06-30

CLI Vue 前端 南昌 长沙

  同学,你好!Vue CLI 是一个官方提供的用于快速搭建 Vue.js 项目的脚手架工具,它简化了 Vue.js 项目的开发过程。Vue CLI 提供了一系列的开发工具和约定,使得项目的创建、配置和构建变得更加简单和高效。

什么是vue-cli

  Vue CLI 的创建项目有两种方式:

  1.图形化界面创建: Vue CLI 提供了一个交互式的图形化界面(GUI),可以通过命令 vue ui 打开。它在浏览器中展示了一个可视化的界面,让您通过可视化操作来创建和管理项目。

  在图形化界面中,您可以选择创建新项目,配置项目名称和路径,选择使用的插件和模板等等。它还提供了管理项目依赖、运行脚本、查看日志等功能,使得项目的管理更加方便。

  2.命令行创建: 另一种创建 Vue CLI 项目的方式是通过命令行。在终端中运行以下命令可以创建一个新的 Vue 项目:

  vue create project-name

   这将使用默认配置创建一个新的 Vue 项目。您可以根据提示选择自定义配置选项,如选择预设(默认、手动选择、手动设置)、配置特性(TypeScript、Progressive Web App 等)和插件等。然后 Vue CLI 会下载所需的依赖并创建项目结构。

  运行完创建命令后,您可以进入项目目录并运行以下命令启动开发服务器:

  cd project-name

  npm run serve

   这将启动开发服务器,并在浏览器中通过指定的端口(默认为 8080)查看您的 Vue.js 应用程序。

  无论使用哪种方式创建项目,Vue CLI 提供了大量的配置选项和插件,使您能够快速创建和定制化您的 Vue.js 项目。通过图形化界面和命令行,您可以根据项目需求进行创建和管理,并享受 Vue CLI 提供的自动化构建、热重载、代码分割等功能,提高开发效率。

好程序员公众号

  • · 剖析行业发展趋势
  • · 汇聚企业项目源码

好程序员开班动态

More+
  • HTML5大前端 <高端班>

    开班时间:2021-04-12(深圳)

    开班盛况

    开班时间:2021-05-17(北京)

    开班盛况
  • 大数据+人工智能 <高端班>

    开班时间:2021-03-22(杭州)

    开班盛况

    开班时间:2021-04-26(北京)

    开班盛况
  • JavaEE分布式开发 <高端班>

    开班时间:2021-05-10(北京)

    开班盛况

    开班时间:2021-02-22(北京)

    开班盛况
  • Python人工智能+数据分析 <高端班>

    开班时间:2021-07-12(北京)

    预约报名

    开班时间:2020-09-21(上海)

    开班盛况
  • 云计算开发 <高端班>

    开班时间:2021-07-12(北京)

    预约报名

    开班时间:2019-07-22(北京)

    开班盛况
IT培训IT培训
在线咨询
IT培训IT培训
试听
IT培训IT培训
入学教程
IT培训IT培训
立即报名
IT培训

Copyright 2011-2023 北京千锋互联科技有限公司 .All Right 京ICP备12003911号-5 京公网安备 11010802035720号