【Vue】2-9、Vue-CLI 脚手架

一、单页面程序

什么是单页面程序?

单页面程序(Single Page Application)简称 SPA,顾名思义,指的是一个 Web 网站中只有唯一一个 HTML 页面,所有的功能与交互都在这唯一的一个页面内完成。

二、Vue-CLI

vue-cliVue.js 开发的标准工具。简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。

三、安装与使用

vue-cli 是 npm 上的一个全局包,安装命令:

bash 复制代码
npm install -g @vue/cli

基于 vue-cli 快速生成工程化的 vue 项目:

bash 复制代码
vue create 项目名称

使用 vue -V 命令检查 vue-cli 是否已经安装及安装的版本号

  • 选择创建项目模板:
  • 选择项目需要的插件:
  • 选择项目使用的 Vue 的版本:
  • 选择安装 less-babel :
  • 配置项选择:

一 叶 知 秋,奥 妙 玄 心

相关推荐
SuperEugene23 分钟前
表单最佳实践:从 v-model 到自定义表单组件(含校验)
前端·javascript·vue.js
不会敲代码126 分钟前
React性能优化:深入理解useMemo和useCallback
前端·javascript·react.js
YukiMori233 小时前
一个有趣的原型继承实验:为什么“男人也会生孩子”?从对象赋值到构造函数继承的完整推演
前端·javascript
摸鱼的春哥3 小时前
惊!黑客靠AI把墨西哥政府打穿了,海量数据被黑
前端·javascript·后端
小兵张健3 小时前
Playwright MCP 截图标注方案调研(推荐方案1)
前端·javascript·github
我叫黑大帅6 小时前
Vue3和Uniapp的爱恨情仇:小白也能懂的跨端秘籍
前端·javascript·vue.js
None3216 小时前
【NestJs】使用Winston+ELK分布式链路追踪日志采集
javascript·node.js
StarkCoder7 小时前
SwiftUI路由管理架构揭秘:从混乱到优雅的蜕变
前端框架
Qinana7 小时前
从代码到智能体:MCP 协议如何重塑 AI Agent 的边界
前端·javascript·mcp
洋洋技术笔记7 小时前
Vue实例与数据绑定
前端·vue.js