添加icon参考文档1. 在项目根目录(index.html同级目录)下添加favicon.ico文件2. 在项目index.html中引入图标<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />复制代码3. 配置webpack配置文件(build文件夹下面)在 webpack.dev.conf.js
转载
2021-01-30 12:38:11
1037阅读
2评论
目的: 提高打包速度 减小项目体积、提高首屏加载速度 提高用户体验(骨架屏) 1.使用CDN 加速优化 cdn优化是指把第三方库比如(vue,vue-router,axios)通过cdn的方式引入项目中,这样vendor.js会显著减少,并且大大提升项目的首页加载速度。 2.图片压缩 需要下载 im ...
转载
2021-07-19 18:27:00
1435阅读
2评论
条件:1,node.js2,npm3,vue步骤:1,npm install --global vue-cli;2,vue init webpack my-app;3,npm install;4,npm run dev;5,npm run build;注意:1,360可能会影响启动,建议关闭。2,配置了端口和IP后,记得还原。
原创
2018-09-10 20:02:14
530阅读
vue-cli一、什么是vue-clivue-cli官方提供的一个脚手架,用于快速生成一个v
原创
2023-01-31 15:07:25
89阅读
1. 什么是 Vue CLI?Vue CLI(Command Line Interface)是一个基于 Node.js 的脚手架工具。通过命令行快速生成 Vue 项目模板,支持插件扩展、项目配置、开发服务器和构建工具。让你专注于业务开发,减少重复搭建环境的时间。2. 安装 Vue CLI确保你已安装 Node.js(版本 >= 8),然后在终端运行:npm install -g @
在卸载vue-cli之前,我们首先需要了解vue-cli是什么以及如何安装它。Vue-cli是Vue.js的官方脚手架工具,用于快速搭建Vue.js项目。它提供了一整套的项目架构和构建工具,让我们可以更方便地开发Vue.js应用程序。
Vue-cli的安装是通过npm(Node Package Manager)进行的,因此在卸载vue-cli之前,我们需要先使用npm进行查看vue-cli是否已
原创
2024-05-22 11:07:43
531阅读
版本关系 vue-cli@3 使用的是 vue2 , vue-cli@4 使用的是vue3 安装 全局安装最高版本: $ npm install -g @vue/cli npm install -g @vue/cli //全局安装最高版本 npm install -g @vue/cli@3.12.0 ...
转载
2021-08-26 22:23:00
306阅读
2评论
1.在打包之前需要修改一个地方,那就是config->index.js文件,修改assetsPublicPath: '/'为assetsPublicPath: './',截图如下 上面文件改好后,开始打包,执行如下命令: 生成 dist 文件夹 2.打包步骤 步骤一: 将 dist 文件 放入 HB
转载
2017-04-18 03:07:00
256阅读
vue cli 打包报错: 原因:上面的代码是es6的语法,由于现在还有浏览器不支持es6的语法,所以在打包的过程中要把es6转换成es5,在打包时使用了UglifyJs压缩JS,但是UglifyJs无法解析ES6,才出现了上述问题。 解决:build/webpack.base.config.js
转载
2018-01-04 21:07:00
397阅读
2评论
下载 node_modules 资源包的命令:npm install 安装 package.json 中 dependencies 字段和 devDependencies 字段中的所有模块npm install --production 只安装 dependencies 字段的模块。启动 vue-cli 开发环境的 npm命令:npm run dev 或 npm start...
原创
2022-10-13 16:50:42
188阅读
首先需要Node.js环境支持: Node.js官网下载: https://nodejs.org/en/ 右边稳定版,左边最新版 下载安装程序之后双击运行,无脑下一步 打开终端输入版本查看命令: node -v nodejs有npm,类似linux的rpm包管理器的东西 同理这个也有版本 npm -
转载
2020-07-16 23:29:00
377阅读
2评论
# 如何卸载vue-cli的命令是
作为一名经验丰富的开发者,我将向你介绍如何卸载vue-cli的命令。Vue-cli是一个用于快速搭建Vue.js项目的脚手架工具,但是有时候我们需要卸载它,以便重新安装或是使用其他版本。
整个卸载vue-cli的过程可以总结为以下几个步骤:
| 步骤 | 操作 |
| --- | --- |
| 1 | 安装Node.js |
| 2 | 使用npm卸载v
原创
2024-05-22 11:07:55
60阅读
前言 这段时间,算是空出手来写几篇文章了。由于很久都没有时间整理现在所用的东西了,所以,接下来会慢慢整理出一些文档来记录前段时间的工作和生活。 这篇文章的主题是vue cli的理解。或许,很多人在开发vue的时候,我们会发现一个问题——只会去用,而不明白它的里面的东西。现在的框架可以说是足够的优秀,
转载
2018-11-14 21:04:00
144阅读
2评论