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

一 叶 知 秋,奥 妙 玄 心

相关推荐
香芋芋圆8 小时前
AI 冲击内卷之下,普通前端如何破局?WebGIS—— 低门槛突围赛道
前端·javascript·人工智能·学习·职场发展
INS_KF8 小时前
【编程笔记】成员函数中两个 const 的区别(const Data &getData() const;)
前端·javascript·笔记
宿6749 小时前
vue3-async
前端·javascript·vue.js
excel10 小时前
Nuxt + Twin CSS 中宽度超过屏幕时底部出现空白的原因与解决方案
前端·javascript
一个游离的指针13 小时前
函数管道:消除深度嵌套调用
前端·javascript
柚yuzumi13 小时前
前端优化,从少触发一次开始:防抖与节流
前端·javascript
默_笙14 小时前
🚤 CSS 布局的"圈地运动":BFC 就是浏览器的独立领地
前端·javascript
用户9385156350714 小时前
大模型记忆指南:从短时缓存到永久记忆,手把手带你吃透 LangChain Memory 管理
javascript·人工智能
xqchen14 小时前
Web Components 普及困境深度解析:技术标准与工程实践的落差
javascript
爱丶不疚14 小时前
写给前端工程师的现代 Python 工程化最佳实践:从 pnpm 到 uv,从 CommonJS 到 src-layout
javascript·python·typescript