VUE CLI:快速vue.js开发的综合指南
>本文提供了Vue CLI的详细概述,Vue CLI是一个功能强大的命令行界面,用于简化vue.js开发。 我们将探索其关键功能,安装过程,项目创建,插件体系结构以及方便的图形用户界面。 VUE CLI的关键优势:
快速项目设置:
>安装之前,请删除任何以前的CLI版本(例如,
)。然后,使用以下方式安装VUE CLI 3 3>用以下方式验证安装:
创建一个VUE项目:
npm uninstall vue-cli -g
>选择一个预设(默认,手动或远程预设)以选择所需的功能(babel,typeScript,vue路由器,vuex等)。 CLI将指导您完成整个过程。
npm install -g @vue/cli
项目结构:
vue --version
一个典型的VUE CLI项目包括:
:静态资产(index.html,favicon.ico)。
vue create my-vue-project
:vue组件。
:主要应用程序组件。
public/
src/
src/components/
src/App.vue
src/main.js
>npm run serve
>启动使用热模块重新加载的本地开发服务器。npm run build
>在dist
>文件夹中创建优化的生产构建。vue inspect
显示WebPack配置。vue cli插件:
插件扩展了VUE CLI功能。 使用以下方式安装插件
npm install -g @vue/cli
将VUEX添加到您的项目中。vue add vuex
>
> vue cli ui:
>使用以下方式启动图形用户界面> UI(可在
vue --version
http://localhost:8000
以上是VUE CLI的初学者指南的详细内容。更多信息请关注PHP中文网其他相关文章!