工程化开发和脚手架

开发 Vue 的两种方式:

  1. 核心包传统开发模式:基于 html / css / js 文件,直接引入核心包,开发 Vue。
  2. 工程化开发模式:基于构建工具(例如:webpack ) 的环境中开发 Vue。


    工程化开发 & 脚手架 Vue CLI
    基本介绍:
    Vue CLI 是 Vue 官方提供的一个 全局命令工具。
    可以帮助我们 快速创建 一个开发 Vue 项目的 标准化基础架子 。【集成了 webpack 配置】
    webpack 配置:

    好处:
  3. 开箱即用,零配置
  4. 内置 babel 等工具
  5. 标准化
    使用步骤:
  6. 全局安装 (一次) : yarn global add @vue/cli 或 npm i @vue/cli -g
  7. 查看 Vue 版本: vue --version
  8. 创建项目架子: vue create project-name (项目名-不能用中文)
  9. 启动项目: yarn serve 或 npm run serve (找package.json)
    脚手架目录文件介绍 & 项目运行流程

相关推荐
恋猫de小郭3 小时前
AGENTS.md 真的对 AI Coding 有用吗?或许在此之前你没用对?
前端·人工智能·ai编程
sunny_5 小时前
构建工具的第三次革命:从 Rollup 到 Rust Bundler,我是如何设计 robuild 的
前端·rust·前端工程化
rfidunion6 小时前
springboot+VUE+部署(12。Nginx和前端配置遇到的问题)
前端·vue.js·spring boot
vx-Biye_Design6 小时前
servlet家政公司管理系统-计算机毕业设计源码01438
java·vue.js·spring·servlet·tomcat·maven·mybatis
珹洺6 小时前
Java-servlet(五)手把手教你利用Servlet配置HTML请求与相应
java·运维·服务器·前端·servlet·html·maven
QQ24391976 小时前
语言在线考试与学习交流网页平台信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·spring boot·sql·学习·java-ee
范特西.i7 小时前
QT聊天项目(6)
前端
a1117767 小时前
水体渲染系统(html开源)
前端·开源·threejs·水体渲染
程序员小李白7 小时前
CSS 盒子模型
前端·css·html
Zzz不能停7 小时前
单行 / 多行文本显示省略号(CSS 实现)
前端·css