vue-cli的安装与配置与运行_vue-cli 运行-程序员宅基地

技术标签： vue-cli3

1.什么是vue-cli

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

2.安装和使用vue-ci

(1)vue-cli 是 npm 上的一个全局包，使用 npm install 命令，即可方便的把它安装到自己的电脑上：

npm install -g @vue/cl

(2)基于vue-ci快速生成工程化的vue项目：

vue create 项目的名称

(3)vue-cli创建项目的步骤截图：

1）选择第三个，表示手动选择要素信息

2）选择一些要素

3）选择vue的版本

4）选择less

5）选择配置存放的位置

6）最后就会生成一个基本的vue项目目录了，如下图所示：

node_modules: 存放所有的第三方包文件；

public中：

favicon.ico:就是网页加载的时候，那个小图标；

index.html：网站的唯一首页

src：项目的源代码目录，也就是程序员所写代码的地方；

assets文件夹：存放项目中用到的静态资源文件，例如：css样式表，图片资源

components文件夹：程序员封装的、可复用的组件，都要放到 components 目录下

main.js 是项目的入口文件。整个项目的运行，要先执行 main.js

App.vue 是项目的根组件。

babel.config.js:babel的配置文件

gitinore:git的忽略文件

package.json:包管理配置文件

3.vue项目的运行流程

在工程化的项目中，vue 要做的事情很单纯：通过 main.js 把 App.vue 渲染到 index.html 的指定区域中。

其中：

（1）App.vue 用来编写待渲染的模板结构

（2）index.html 中需要预留一个 el 区域

（3） main.js 把 App.vue 渲染到了 index.html 所预留的区域中

本文链接：https://blog.csdn.net/goutaohandsome/article/details/119425880

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

linux kernel 之工作队列_kernel队列-程序员宅基地

文章浏览阅读2.3k次。1. 什么是workqueueLinux中的Workqueue机制就是为了简化内核线程的创建。通过调用workqueue的接口就能创建内核线程。并且可以根据当前系统CPU的个数创建线程的数量，使得线程处理的事务能够并行化。workqueue是内核中实现简单而有效的机制，他显然简化了内核daemon的创建，方便了用户的编程.工作队列（workqueue）是另外一种将工作推后执行的形式.工_kernel队列

API：什么是API？API与interface的区别-程序员宅基地

文章浏览阅读4.4k次。　　我们都知道，API就是接口，那是什么鬼呢？　　1.什么是API？api接口开发，其实和平时开发逻辑差不多；但是也有略微差异；平时使用mvc开发网站的思路一般是都由控制器去调用模型，模型返回数据，再由控制器把数据放到视图中，展现给用户；api开发是：使用控制器去调用模型，模型返回数据，在有控制器输出 json格式字符串或者 XML 字符串，不用考虑视图，..._api和interface

vue 自定义Loading组件配合axios中使用_vue.prototype.$loading 在axios怎么取-程序员宅基地

文章浏览阅读527次。1.在components中创建Loading文件夹，然后在Loading中新建loading.vue文件<template> <div v-if="loading" class="shade"> <div class="sk-wave"> <div class="sk-rect sk-rect1"></div> <div class="sk-rect sk-rect2"></d_vue.prototype.$loading 在axios怎么取

Postman文件导入YAPI报错：解析数据为空_yapi导入数据时解析数据为空-程序员宅基地

文章浏览阅读672次，点赞4次，收藏3次。导出的postman V2转成V1。_yapi导入数据时解析数据为空

邮件发送与接收，支持163邮箱、outlook邮箱、exchange邮箱_. 集成&自动化中配置发送邮件节点，发件人邮箱账号支持哪些邮箱类型-程序员宅基地

文章浏览阅读2.5k次。邮件发送与接收，支持163邮箱、outlook邮箱、exchange邮箱依赖的jar包邮件收发公共服务层实现package com.example.demo.service.impl;import com.example.demo.model.EmailMessageBO;import com.example.demo.model.EmailSendBO;import com.example.demo.model.FileBean;import com.example.demo.serv_. 集成&自动化中配置发送邮件节点，发件人邮箱账号支持哪些邮箱类型

CUDA 纹理内存_纹理内存 cuda-程序员宅基地

文章浏览阅读519次。1、概述　　纹理存储器中的数据以一维、二维或者三维数组的形式存储在显存中，可以通过缓存加速访问，并且可以声明大小比常数存储器要大的多。　　在kernel中访问纹理存储器的操作称为纹理拾取(texture fetching)。将显存中的数据与纹理参照系关联的操作，称为将数据与纹理绑定(texture binding).　　显存中可以绑定到纹理的数据有两种，分别是普通的线性存储_纹理内存 cuda

随便推点

智能电网中多时段多公司需求响应管理的博弈理论框架利用博弈论建立了一个考虑公司和消费者之间相互作用的多时期多公司需求响应框架-程序员宅基地

文章浏览阅读63次。为消费者所需的最低预算提供了一个条件，并使用现实数据进行案例研究，其中显示了高达30%的潜在节约和具有低波动性的均衡价格。在Stackelberg博弈中建立了相互作用的模型，公司设定价格，而消费者选择他们的需求作为回应。证明了潜在博弈具有一个独特的均衡，公司的收益最大化而消费者的效用最大化受当地约束。构造了一个具有唯一纯策略纳什均衡的权力分配博弈，并给出了该博弈的封闭形式表达式。也研究在周期的数量(时间范围的细分和消费者的数量变化的影响。给出了所有参与方的最优策略的封闭表达式。