自学内容网 自学内容网

vue项目

vue-cli

介绍: Vue-cli 是Vue官方提供的一个脚手架,用于快速生成一个 Vue 的项目模板。

Vue-cli提供了如下功能: 统一的目录结构 本地调试 热部署 单元测试 集成打包上线

依赖环境:NodeJS

安装 vue-cli:npm install -g @vue/cli

Vue项目-创建

命令行:vue create vue-project01

图形化界面:vue ui

Vue项目-目录结构

基于Vue脚手架创建出来的工程,有标准的目录结构,如下:

Vue项目-启动

Vue项目-配置端口

Vue项目开发流程

Vue的组件文件以 .vue结尾,每个组件由三个部分组成:<template> 、<script>、<style> 。


原文地址:https://blog.csdn.net/weixin_72952570/article/details/142829307

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!