1.1 什么是Vue CLI CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架。 Vue CLI是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置。 1.2 Vue CLI使用前提条件 1. ...
转载
2021-10-28 19:57:00
161阅读
2评论
原创
2022-07-14 18:30:05
63阅读
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>index title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist
原创
2022-09-20 11:29:17
9阅读
脚手架VueCli 文章目录脚手架VueCli一、什么是CLI二、VueCLI所需要的环境三、安装Vue脚手架四、使用`CLI2`创建项目五、项目目录结构描述六、了解runtime-only和runtime-complier的区别七、了解CLI3 一、什么是CLICLI：Command-Line Interface（命令行界面），俗称脚手架。 VueCLI可以帮助我们快速开发Vue开发环境以及对应
1. 安装node
网址：https://nodejs.org/en
下载LTS版本表示长期支持版本
说明：
node是一个基于Chrome V8引擎的javascript运行环境,让JavaScript 运行在服务端的开发平台
vuecli创建的项目必须运行在node环境中，
npm为node自带包管理工具，用于下载三方依赖包和运行项目打包等操作
npm官网https://www.npmj
# Vue3 中如何安装和使用 Axios
在开发 Web 应用程序时，我们通常需要与后端服务器进行数据交互。Axios 是一个流行的基于 Promise 的 HTTP 客户端，可以在浏览器和 Node.js 中使用。在 Vue3 项目中，我们可以通过 Vue CLI 来安装 Axios 并与 Vue3 配合使用。
## 安装 Axios
首先，我们需要确保已经安装了 Vue CLI。如果
的 web 库。通过双向数
原创
2022-10-17 20:08:10
67阅读
1Vue介绍伟大的项目是从HelloWorld而来的，HelloWorld尽管没有什么实际性的作用，但是在于意义重大。（哈哈哈哈）好了不废话了入正题。Vue是一套用于构建用户界面的渐进式JS框架，与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完成能够
原创
2020-06-24 14:45:32
547阅读
vue hello world1. 依赖环境Node.js 8.9+npm (安装nodejs的时候自动安装了npm)2. 官网文明显被遗漏没有构建步骤：限制只能使用html和ES5 JavaSc
原创
2022-10-24 20:23:08
146阅读
1、一般打包 ：直接 npm run build。（webpack的文件，根据不同的命令，执行不同的代码的） 注：这种打包的静态文件，只能放在web服务器中的根目录下才能运行。2、在服务器中 非根目录下 运行的 打包：需要配置 参考： 3、在本地文件系统中打开，不需要web服务器 暂时 不清楚4、使用 history模式 打包的 配置 ： http:
publicPathType: string
Default: '/'
官方文档说明：部署应用包时的基本 URL。用法和 webpack 本身的 output.publicPath 一致，但是 Vue CLI 在一些其他地方也需要用到这个值，所以请始终使用 publicPath 而不要直接修改 webpack 的 output.publicPath。默认情况下，Vue CLI 会假设你的应用是被部
背景： 公司项目历时时间较长，通过长时间的迭代，目前项目文件较多（src目录下有2217个文件），系统庞大， 之前通过vue cli2脚手架构建的项目框架，在本地开发时已经明显感觉到吃力（项目首次启动时间110s以上，热更新时间40s以上，项目打包时间119s以上）基于以上背景，决定对整个项目的构建进行重构，主要方案：vue cli2 升级到 vue cli3，该方案最简单，且影响范围最小，只是对
一、代码规范工具1、Vetur此工具作用vue高亮显示。2、Prettier-Code formatter此工具作用格式化代码。####3、Eslint 此工具作用检测代码规范。###二、Vetur安装 只要安装vetur工具即可，安装完成后，Vue可以高亮显示。###三、Prettier-Code formatter 安装和配置第一步：安装Prettier-Code formatter工具。第二
第一个：在浏览器中或者说浏览器可以识别的index.html中，如果要通过<sciript src=xxx>的方式引入，应该选择此版本 （.runtime）(.prod)都是可选项，如果选了（。runtime）表示只需要运行时的vue版本，不需要runtime+complier版本的vue版本，如果 ...
转载
2021-09-17 13:21:00
190阅读
2评论
1. 安装Vue CLIVue CLI是Vue框架的客户端工具，创建Vue项目、运行Vue项目都需要事先安装此工具。安装Vue CLI的命令:npm install -g @vue/cli以上命令执行完后，只要没有提示错误（Err或Error字样），即可视为成功!当Vue CLI安装完成后，可以通过以下命令查看版本号并检查是否安装成功：vue -V2. 创建项目在命令提示符窗口中，执行vue cr
1. 介绍
理解： 一个路由（route）就是一组映射关系（key-value）, 多个路由需要路由器（router）进行管理
前端路由： key是路径,value是组件，通俗的将就是通过一个路径key，可以访问vue的组件，实现组件的访问与跳转以及传参
2. 基本使用
安装vue-router, 命令npm i vue-router
应用插件：Vue.use(vueRouter)
编写ro
写在最前：父组件引用子组件，如何能在应用子组件内容的同时，还能在自定义内容呢？
1. 插槽
作用： 让父组件可以向子组件指定位置插入html结构，也是一种组件通信的方式，适用于父组件===>子组件
分类： 默认插槽，具名插槽，作用域插槽
使用方式：
默认插槽
父组件中：
<MyContainer>
<div>html结构</div>
</
仿有赞后台+vue+ts+vuecli3.0+elementUi+三期aixo的使用vueX的使用element的引入项目结构的搭建 前言 生病了，没有及时写上，各位观众老爷抱歉，今天写上第三期的应该比较干货，具体讲我们怎么搭建项目，以及怎么和后端进行交互，element的引入，vuex在ts改版后 ...
转载
2021-10-21 11:10:00
234阅读
2评论
'use strict' const path = require('path') const defaultSettings = require('./src/settings.js') function resolve(dir) { return path.join(__dirname, dir ...
转载
2021-07-29 10:42:00
817阅读
2评论
很多同学都非常不习惯eslint,这里为大家介绍一下eslint 一些语法规范还有一些配置项 很多同学都应该关注如何修改缩进标准，代码常常因为缩进标准而报错，那可以自己定义rule规则来设置自己方便的缩进标准 在rule添加 第二个参数就代表缩进的空格数 tab 就是一个tab的距离 根据不同的编辑器tab有不同的标准，可以自己定义一下。
