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

一 叶 知 秋,奥 妙 玄 心

相关推荐
streaker303几秒前
Vue3 + TSX 封装 el-table:还原 Antd 风格的 Columns 配置
vue.js·element
前端老鹰几秒前
JavaScript Array.prototype.at ():数组任意位置取值的新姿势
前端·javascript
小奋斗33 分钟前
深入浅出:JavaScript中防抖与节流详解
javascript·面试
Wcy307651906633 分钟前
web前端第二次作业
前端·javascript·css
艾小码1 小时前
JavaScript 排序完全指南:从基础到高阶实战
前端·javascript·排序算法
柯南95271 小时前
Vue 3 响应式系统源码解析
vue.js
Zestia1 小时前
页面点击跳转源代码?——element-jumper插件实现
前端·javascript
PineappleCoder1 小时前
大小写 + 标点全搞定!JS 如何精准统计单词频率?
前端·javascript·算法
KasukabeTsumugi1 小时前
TypeScript:联合类型可以转化为元组类型吗?数组如何用联合类型逐项约束?
javascript
文艺理科生1 小时前
Nuxt.js入门指南-Vue生态下的高效渲染技术
前端·vue.js·nuxt.js