1.问题一 在我们启动项目前通常要先安装node_modules依赖包，但是很多时候npm install命令行并不能一次安装成功，并且还会报错下面这个错误 npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2020-11-23T01_28_17_030Z-debug.log 解决方法 先删除node_mo

Vue中的import from 大家都知道，import from 是用来引入一些文件的，在vue中，可能有.js文件.json文件.vue文件 在JS和JSON文件引入的时候，往往需要写入一些 //例如数组 export const a=[] //例如对象 export const b={} //例如函数 export function c(){} 在其他文件中需要引入的时候，就写上，只引入一个的时候可写可不写大括号 import {a,b,c} from '你的路径' 路径

vue项目npm run build 打包会出现： Failed to load resource: net::ERR_FILE_NOT_FOUND 总结解决办法： config/index.js里将assetsPublicPath:’/‘改成assetsPublicPath:’./' assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assets

我们平时开发 vue项目的时候,就有一种感觉就是 vue就像是专门为单页应用而诞生的,因为人家的官方文档中也说了。其实不是的,因为vue在工程化开发的时候依赖于 webpack ,而webpack是将所有的资源整合到一块后形成一个html文件 一堆 js文件, 如果将vue实现多页面应用,就需要对他的依赖进行重新配置,也就是修改webpack的配置文件。 vue.config.js官方配置指南现附上官网链接。 1、用cli脚手架创建单页面应用 单页面的项目的基本目录结构 ├── publi

Babel介绍： Babel是一个JavaScript编译器，主要用于将ECMAScript 2015+代码转换为当前和旧浏览器或环境中向后兼容的JavaScript版本。要是通过核心依赖core-js@2，主要是通过核心依赖core-js@2来完成对应浏览器不支持的新的全局和实例api的添加 方案一：@babel/polyfill 步骤1：安装@babel/polyfill 因为polyfill（将在源代码之前运行），我们需要它是一个依赖项，而不是devDependency，所以使用-

VUE2： 一、固定设置标题方案 方法一，在vue.config.js文件 添加如下代码： chainWebpack: config => { config.plugin('html') .tap(args => { args[0].title = '标题'; return args; ) } 方法二，直接在public/index.html中修改t

1. 插件安装和配置 安装babel转换器相关的包： npm i babel-loader @babel/core @babel/runtime -D 安装babel语法插件相关的包： npm i @babel/preset-env @babel/plugin-transform-runtime @babel/plugin-proposal-class-properties –D 在项目根目录中，创建 babel 配置文件 babel.config.js 并初始化

本文使用 vue-aplayer 组件实现音乐播放！ 实现样式： 引入依赖 npm install vue-aplayer --save 注意 本文使用的是 vue-aplayer 并不是 @moefe/vue-aplayer，两者之间有些配置项不同，这里暂时不做赘述。 这里也可能会发生一个警告 Can't resolve 'hls.js' in 'D:\MyProject\private-ashcan\frontend\node_modules\vue-aplaye

1. vue脚手架介绍 1.1. vue脚手架用于快速创建Vue项目的基础架构。 2. 安装Vue脚手架 2.1. 使用命令: npm install -g @vue/cli, 安装Vue脚手架。 2.2. 安装完成, 查看C:\Users\用户名\AppData\Roaming\npm目录  2.3. 使用命令: vue -V, 查看脚手架版本, 报错: \npm\vue.ps1, 因为在此系统上禁止运行脚本。  2.4. 以管理员身份运行PowerShell 

目录 一、了解vuex 二、如何使用 1.安装vuex 2.Vuex 依赖 Promise  浏览器支持promise的此步骤可省略 3.在项目引用 4.使用方法 一、了解vuex         vuex 是 vue 中必不可少的一部分。它相对于是一个公共的仓库，存储的内容可以让全部页面都能去获取，使用。   官网地址         每一个vuex中的核心就是store（仓库）。它基本上就是一个容器，包含着你应用中大部分的状态（state）; vuex与全局变量是不同的

创建vue脚手架 Vue脚手架是vue官方提供的标准化开发工具(平台) 参照官方文档vue CLI(command line interface)–命令行接口工具 https://cli.vuejs.org/zh/guide/ 下面介绍一下如何安装vue脚手架： 先确认电脑中未安装vue脚手架 安装脚手架前提，需先安装nodejs 进入官方http://nodejs.cn/下载 根据自己的电脑选择下载的版本 双击文件下载 点击下一步，选择安装路径（建议安

1.vite优势 1.1启动速度  解释一下冷启动：它是指输入启动指令后他编译到启动完成的过程；  当你使用vite和webpack后你就会得出这个结论，vite相对于webpack启动速度还是略胜一筹的，当你的项目是小型项目时，不是特别明显。当启动体量较大的项目时，这时就能感受到vite的“魔力”。 1.2热更新速度 基于打包器启动时，重建整个包的效率很低。原因显而易见：因为这样更新速度会随着应用体积增长而直线下降。 一些打包器的开发服务器将构建内容存入内存，这样它们只需要