vuecli3配置详解
时间: 2023-11-08 12:00:30 浏览: 48
Vue CLI 3是一个基于Vue.js的脚手架工具,它提供了一种快速创建和配置Vue项目的方式。相比于Vue CLI 2,Vue CLI 3具有以下几个主要的区别和优点:
1. "0配置"设计原则:Vue CLI 3移除了配置文件根目录下的一些配置文件,如build和config文件夹,使项目的配置更加简洁和直观。
2. 可视化配置:Vue CLI 3提供了vue ui命令,通过浏览器界面提供了可视化的项目配置方式,使得配置更加人性化。
3. 静态资源文件夹的变化:Vue CLI 3移除了static文件夹,而新增了public文件夹,并将index.html文件移动到public文件夹中。
请注意,Vue CLI 3的配置文件也发生了变化。在Vue CLI 3中,配置文件被拆分成了多个部分,分布在各个插件和模块中,以满足不同的需求。例如,babel的配置文件被放置在babel.config.js中,eslint的配置文件被放置在.eslintrc.js中。
相关问题
vue cli 版本
根据引用和引用的信息,可以得出以下结论:
Vue CLI 是一个官方发布的 vue.js 项目脚手架,用于快速搭建 vue 开发环境和相应的 webpack 配置。根据引用的内容,如果项目的 package.json 文件中有 vue 和 vue-cli 这两个依赖,下载依赖时会下载一个本地的 vue 环境。根据引用中的描述,Vue CLI4.5以下版本对应 Vue2,Vue CLI4.5及以上版本对应 Vue3。你可以使用以下命令来查看 vue-cli 的版本和 vue 的版本:
- 查看 vue-cli 版本:vue -V
- 查看 vue 版本:npm list vue
综上所述,vue cli 版本是根据所使用的 Vue CLI 的版本来确定的。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [简单聊聊vue-cli](https://blog.csdn.net/weixin_45439337/article/details/127957966)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [vue-cli 版本3.0项目搭建和详解](https://blog.csdn.net/CRJ453027119/article/details/124999617)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
vue cli 创建vue2项目
要使用Vue CLI创建Vue2项目,你需要先全局安装一个桥接工具,并按照以下步骤进行操作:
1. 第一步:搭建Node.js运行环境。根据你的操作系统选择合适的安装包,可以在官网https://nodejs.org/en/download/下载安装。
2. 第二步:安装Webpack。在命令行中运行以下命令来全局安装Webpack:npm install webpack -g。
3. 第三步:安装脚手架。在命令行中运行以下命令来全局安装Vue CLI 2的脚手架:npm install -g @vue/cli-init。
4. 第四步:创建项目。在命令行中进入项目要存放的文件夹,并运行以下命令来创建项目:vue init webpack my-project。其中,my-project为你的项目名称。根据命令行的提示,配置项目的相关属性信息,比如项目名称、项目描述、作者等。
5. 项目创建完成后,进入项目目录,运行命令npm run dev来启动本地开发服务器。将命令行中显示的网址复制到浏览器中,即可访问你创建的Vue2项目。
引用
请注意,以上步骤是使用Vue CLI 2来创建Vue2项目的方法。如果你使用的是Vue CLI 3及以上版本,请参考官方文档进行操作。引用<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [使用vue-cli创建vue2项目(详解)](https://blog.csdn.net/qq_43080548/article/details/123919123)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [Vue CLI创建vue2项目](https://blog.csdn.net/woshiliyuwang/article/details/122989570)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]