工程化开发和脚手架

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

相关推荐
Loadings14 分钟前
聊聊 AI Coding 的最新范式:Harness Engineering:我们这群程序员,又要继续学了?
前端·后端
ssshooter16 分钟前
哈希是怎么被破解的?
前端·后端
蜡台21 分钟前
Vue 中多项目的组件共用方案
前端·javascript·vue.js·git
笨笨狗吞噬者27 分钟前
【uniapp】微信小程序实现自定义 tabBar
前端·微信小程序·uni-app
angerdream43 分钟前
最新版vue3+TypeScript开发入门到实战教程之路由详解二
javascript·vue.js
恋猫de小郭43 分钟前
React Native 鸿蒙 2026 路线发布,为什么它的适配成本那么高?
android·前端·react native
一颗烂土豆1 小时前
拒绝 rem 计算!Vue3 大屏适配,我用 vfit 一行代码搞定
vue.js·响应式设计·数据可视化
徐小夕1 小时前
一个普通Word文档,为什么99%的开源编辑器都"认怂"了?我们选择正面硬刚
vue.js·后端·github
呆头鸭L1 小时前
Electron进程通信
前端·javascript·electron·前端框架·vue
splage1 小时前
spring-boot-starter和spring-boot-starter-web的关联
前端