添加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. 什么是 Vue CLI?Vue CLI(Command Line Interface)是一个基于 Node.js 的脚手架工具。通过命令行快速生成 Vue 项目模板,支持插件扩展、项目配置、开发服务器和构建工具。让你专注于业务开发,减少重复搭建环境的时间。2. 安装 Vue CLI确保你已安装 Node.js(版本 >= 8),然后在终端运行:npm install -g @
条件: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阅读
版本关系 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 1 2 npm install node-sass --save-dev npm install sass-loader --save-dev 1 2 npm install node-sass --save-dev npm install sass-loader --sav
转载
2017-03-06 00:51:00
86阅读
2评论
apache的配置 这是windows下的 在httpd vhosts.conf文件中把目录指向项目index.html文件所在的位置 然后再 index.html文件的同级路径下 创建.htaccess文件 内容就是官方文档给的 一点都不用改 然后确保 config/index.js中的build
转载
2018-11-14 19:32:00
83阅读
2评论
1、安装babel-plugin-transform-remove-console插件 npm install babel-plugin-transform-remove-console --save-dev 2、在项目下面找到babel.config.js文件,没有就自己创建一个,把定义的prod ...
转载
2021-10-21 17:53:00
469阅读
2评论
# 创建多环境配置文件.env.dev添加内容:NODE_ENV=developmentVUE_APP_SERVER=http://localhost:8080.e
原创
2022-09-05 17:21:59
298阅读
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评论
出自htt p :/ /w ww .c n b l og s . c o m /n u t r i t io u s / p/ 6 4 9 4 4 79.html先给出能正确安装的步骤:1.进盘符2,为啥不用npm,这是国外的东西,有些电脑无法FQ,会导致安装失败,或者下载速度很慢345这是其中一步要填的,自己选择需要啥问题:用npm安装带来的麻烦,看到了吗? 有
转载
2017-06-21 10:10:52
494阅读
vue-cli 是一个手脚架工具,可以快速生成基本的项目骨架,自带了webpack配置 github上vue-cli连接 1、起步 安装: npm i -g vue-cli 检查是否安装成功: vue --version 查看使用帮助: vue --help $ vue --help Usage: ...
转载
2021-07-27 16:12:00
314阅读
2评论
什么是vue-clivue-cli是vue的脚手架安装:npm install -g vue-clivue-cli搭建vue项目使用vue-cli创建vue项目:常用 vue init webpack my-project用法: vue init <template-name> <project-name>template-name: ...
原创
2022-10-13 16:50:31
461阅读