工程化开发和脚手架

开发 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)
    脚手架目录文件介绍 & 项目运行流程

相关推荐
.生产的驴7 分钟前
泛微E10二开 前端Ecode拦截器
前端
亿元程序员13 分钟前
PinK(Cocos4.0?)生成飞机大战,抢先体验全流程!
前端
晓得迷路了17 分钟前
栗子前端技术周刊第 111 期 - Next.js 16.1、pnpm 10.26、Bun 1.3.5...
前端·javascript·bun
CodeSheep25 分钟前
中国四大软件外包公司
前端·后端·程序员
七月shi人26 分钟前
使用Node版本管理包n,在MAC电脑权限问题
前端·macos
shangxianjiao27 分钟前
vue前端项目介绍项目结构
前端·javascript·vue.js
Mike_jia35 分钟前
4ga Boards:重新定义高效协作的实时看板工具实战指南
前端
袖手蹲37 分钟前
Arduino UNO Q使用Streamlit构建WebUI:零前端经验打造交互式硬件控制
前端
大布布将军41 分钟前
⚡️编排的艺术:BFF 的核心职能——数据聚合与 HTTP 请求
前端·网络·网络协议·程序人生·http·node.js·改行学it
冒冒菜菜1 小时前
RSAR的前端可视化界面
前端