首页 > 其他分享 >vue-cli 的配置和使用

vue-cli 的配置和使用

时间:2023-05-29 17:35:37浏览次数:58  
标签:vue cli 项目 配置 js Vue main

vue-cli介绍

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

中文官网

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

配置和使用

Vue-CLI的安装、使用及环境配置(超详细)

vue 项目中 src 目录的构成:

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

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

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

App.vue 是项目的根组件。

标签:vue,cli,项目,配置,js,Vue,main
From: https://www.cnblogs.com/masahiko/p/configuration_and_use_of_vue_cli.html

相关文章

  • stm32环境配置---keil5
    第一步安装keil5官网下载位置填写必要信息后就可以安装core就是keil的安装位置pack就是芯片包的下载位置安装完成后会跳出这个界面,这个界面就是用来管理芯片包的,需要下载对应的芯片包才能将程序下载到板子上第二步安装芯片包如上所示,可以在对应界面中安装芯片包,也可......
  • vue导航吸顶
    所说的吸顶效果就是在页面没有滑动之前,当页面向上滑动之后,导航栏始终固定在页面的上方。具体代码:写入事件监听,监听滚动条。mounted(){//事件监听滚动条window.addEventListener('scroll',this.watchScroll,true)}然后在methods中写入watchScroll方法。......
  • 线上环境如何开启vue devtool
    varVue,walker,node;walker=document.createTreeWalker(document.body,1);while((node=walker.nextNode())){if(node.__vue__){Vue=node.__vue__.$options._base;if(!Vue.config.devtools){Vue.config.devtools=true;if(windo......
  • NETCORE - Swagger配置
    NETCORE-Swagger配置 环境:WebApiNET6  配置输出文档,项目右键-> 属性-> 生成-> 输出 勾选“生成包含API文档的文件”维护生成文件名称。  2.Program.cs中的修改把原来的 builder.Services.AddSwaggerGen();  修改成:builder.Services.AddSwagge......
  • 独角数卡 搭建-邮件配置-Epusdt配置-收U详细配置
    配置独角数卡https://github.com/assimon/dujiaoka/wiki/2.x_bt_install⚠️正式上线后一定要将.env配置里面的APP_DEBUG设置为false⚠️⚠️正式上线后一定要将.env配置里面的APP_DEBUG设置为false⚠️⚠️正式上线后一定要将.env配置里面的APP_DEBUG设置为false⚠️安装宝塔(国际版宝塔:a......
  • vue对kindeditor进行封装以及使用
    下载kindeditor后需要使用的文件如下(其他没用到的可删除)封装成组件以及自定义上传插件上传图片后生成image标签插入上传文件后生成下载a链接插入<template><divclass="kindeditor-component"><inputid="file-input"style="display:none"type="file"&g......
  • docker-oracle;配置oracle
    地址:172.18.0.170root/cssjkyhs/yhs0527le一、安装检查uname-r:查看centos版本,root登录,如果不是root,需要前面加sudo如果之前有安装,卸载:yumremovedockerdocker-commondocker-selinuxdocker-engine二、安装docker安装需要的软件包,yum-util提供......
  • [ESP] ESP-IDF CLion构建
    报错信息xtensa-esp32-elf-gccisnotafullpathandwasnotfoundinthePATH.解决办法找到esp-idf的export.sh路径,如:/home/xxx/esp/esp-idf/export.sh打开CLion->Settings->Build,Execution,Deployment->Toolchain选项栏Environmentfile添加/home/xxx/......
  • vue this.$route.query 和this.$route.params的使用与区别
    一:this.$route.query的使用#1、传参数:this.$router.push({path:'/index/detail',query:{itemId:item.id}});#2、获取参数this.$route.query.itemId#3、url的表现形式http://localhost:8080/#/index/detail?itemId=22二:this.$route.params的使......
  • 直播app开发搭建,Vue Element UI Upload 上传多张图片
    直播app开发搭建,VueElementUIUpload上传多张图片<template> <div>  <el-card>   <h1>轮播图-图片上传管理</h1>   <el-divider></el-divider>   <!--注意:使用:model="uploadImgForm"不要使用v-model="uploadImgForm&q......