【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 :
  • 配置项选择:

一 叶 知 秋,奥 妙 玄 心

相关推荐
DoraBigHead14 分钟前
React 中的代数效应:从概念到 Fiber 架构的落地
前端·javascript·react.js
LuckySusu14 分钟前
【vue篇】Vue 性能优化全景图:从编码到部署的优化策略
前端·vue.js
LuckySusu23 分钟前
【vue篇】SSR 深度解析:服务端渲染的“利”与“弊”
前端·vue.js
LuckySusu24 分钟前
【vue篇】SPA 单页面应用:现代 Web 的革命与挑战
前端·vue.js
LuckySusu25 分钟前
【vue篇】Vue 初始化页面闪动(FOUC)问题终极解决方案
前端·vue.js
LuckySusu27 分钟前
【vue篇】技术分析:Template 与 JSX 的本质区别与选型指南
前端·vue.js
今天头发还在吗40 分钟前
【框架演进】Vue与React的跨越性变革:从Vue2到Vue3,从Class到Hooks
javascript·vue.js·react.js
渣哥1 小时前
从 AOP 到代理:Spring 事务注解是如何生效的?
前端·javascript·面试
toobeloong1 小时前
Electron 从低版本升级到高版本 - 开始使用@electron/remote的改造教程
前端·javascript·electron