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

一 叶 知 秋,奥 妙 玄 心

相关推荐
♡喜欢做梦1 分钟前
Spring MVC 响应处理:页面、数据与状态配置详解
java·javascript·spring·java-ee
计算机学姐4 分钟前
基于SpringBoot的公务员考试管理系统【题库组卷+考试练习】
java·vue.js·spring boot·后端·java-ee·intellij-idea·mybatis
chenbin___8 分钟前
Omit<>的用法
开发语言·前端·javascript
逆风优雅34 分钟前
vue 实现自定义message 全局提示
前端·javascript·vue.js
艾小码38 分钟前
前端开发者必看!JavaScript这些坑我替你踩过了
前端·javascript
fruge4 小时前
Vue项目中的Electron桌面应用开发实践指南
前端·vue.js·electron
漂流瓶jz9 小时前
Webpack中各种devtool配置的含义与SourceMap生成逻辑
前端·javascript·webpack
这是个栗子9 小时前
【问题解决】用pnpm创建的 Vue3项目找不到 .eslintrc.js文件 及 后续的eslint配置的解决办法
javascript·vue.js·pnpm·eslint
前端架构师-老李9 小时前
React 中 useCallback 的基本使用和原理解析
前端·react.js·前端框架
花姐夫Jun10 小时前
基于Vue+Python+Orange Pi Zero3的完整视频监控方案
vue.js·python·音视频