1.昨天看到自己的项目每次打包后都是30M左右,就觉得这个打包后的dist文件太大了,能不能小点呢, 然后就看网上的资料,提供了好多优化的办法,但是我只用了一个,后期再不断的优化吧. 打开工程项目文件夹.找到config文件夹 ----> 打开index.js文件, 1 module.exports ={ 2 dev:{ 3 4 ..... 5 } , 6 7 build:{ 8 productionSourceMap : false, 9 ..... 10 } 11 12 13 } 就修改这么

在这之前我做过的vue项目没有这种问题,今天突然出现这个问题,也检查了很久的代码,最后解决我也不知道我是哪一步做错了 首先我是创建的vue2项目,基本操作跟平常一样,在运用路由跳转的时候遇到这个问题 真正的原因是vue-router,vuex和vue的版本不匹配.解决方法:卸载vue-router和vuex npm uninstall vue-router和npm uninstall vuex,安装匹配版本,我这里可以运行的版本是vue-router: "^3.5.2", vuex:

首先安装配置这两篇挺好的 https://www.cnblogs.com/lgx5/p/10732016.html https://blog.csdn.net/qiang510939237/article/details/103064857 然后使用过程遇到一些问题记录下来 1.解决启动编译是eslint报错 关闭检查 https://blog.csdn.net/sinat_39323128/article/details/90898408 使用eslint格式化代码 https://blog.

前端采用vuex+element-ui: 后端采用koa2+restfulAPI+sequlize: (一)项目介绍 宠物社区 1.社区 2.好友 3.说说 4.宠粮 5.健康 (二)项目框架 1.Vue.js 2.Vuex 框架 3.Element UI 4.Axios 交互 5.Koa2 + es6 6.Restful API 7.Sequlize 8.mysql (三)创建项目和elementUI配置 vue init webpack pet elementui 1.安装: npm ins

最近在用create-react-app创建项目,因要配置各种组件,比如babel,antd等, 需要运行npm run eject命令把项目的配置文件暴露出来,但是还是一如既然碰到报错,因为是在本地新创建的文件,没有添加git记录 把这个错误做个笔记,不要老是去查资料 大家可以在根目录下运行命令 create-react-app test cd test git init git add . git commit -m 'Saving before ejecting' npm run ejec

最近在用create-react-app创建项目,因要配置各种组件,比如babel,antd等, 需要运行npm run eject命令把项目的配置文件暴露出来,但是还是一如既然碰到报错,因为是在本地新创建的文件,没有添加git记录 这是因为没有添加git记录的原因,这时我们只需要运行一下代码就行了,在你的项目目录中调出终端 git init //初始化 git add . //将所有的文件添加 git commit -m '项目初始化' //提交说明(这是暂存本地仓库) 如果在文件夹中没有这个

Vue.之.创建项目 第一次使用vue的时候,在已完成node的情况下,还需要在进行安装vue. 指令:cnpm install vue-cli -g      //全局安装 vue-cli 检查vue的安装情况,使用指令: vue list 上面的工作准备好之后,开始创建vue项目. 选定路径,新建vue项目,下面我一项目名为ntrc-app新建vue项目. 格式: vue init webpack  ”项目名称“ 创建指令: vue init webpack  ntrc-app 安装&启动项

从开通博客到现在也没写什么东西,最近几天一直在研究vue+webpack+element-ui项目打包速度优化,想把这几天的成果记录下来,可能对前端牛人来说我这技术比较菜,但还是希望给有需要的朋友提供一下方便. 一开始项目部署到线上后第一次访问首页的时间是7.8秒的样子,页面加载太慢了自己都接受不了何况用户. 主要是从一下几步来优化的: 1.vue路由的加载方式 import Home from '@/components/Index' 改为 const Index = resolve => r

1. 全局安装vue-cli yarn global add @vue/cli // 检查安装是否成功 vue -V // 3.2.2 2. 初始化 vue ui 执行命令 vue ui 2.1 该命令会自动打开你的浏览器,默认地址为: localhost:8000/project/select,浏览器展示的页面如下: 切换界面到创建,点击下面在此创建新项目按钮 1. 输入项目文件夹名称 2. 包管理器,如果你已经安装了yarn,vue ui的默认包管理器是yarn 2.2 2.3 上面的两项不

redis mysql,redis,mogondb 1.mysql,oracle:关系型数据库,有表概念 2.redis,mongodb/nosql:非关系型数据库 没有表概念 mongodb存储在硬盘上 redis存储在内存中 用途:1.做缓存 2.session 3.游戏排行榜 4.对速度要求比较高的数据存储 5.做消息队列 redis是key-value的存储,像python中的字典 比较redis和memcached 1.有5大数据类型: 字符串,字典,集合,列表,有序集合 2.支持持久

借鉴博客:https://www.jianshu.com/p/6307c568832d/ https://www.cnblogs.com/KenFine/p/10850386.html 项目创建好后,如下:(注意:vue3.0以后创建的目录没有config文件夹了) ==========下面来配置一下路由vue-router===================== 1.安装命令: $ cnpm i vue-router -S 2.初始化一下,在项目中使用路由: 2.1.在项目的src目录下,新

vue-cli 3.0 版本为我们提供了集 创建.管理.分析 为一体的可视化界面vue UI,一个可视化项目管理器 一.打开终端,安装最新vue-cli npm install -g @vue/cli 二.终端运行vue ui vue ui 之后会自动跳转到http://localhost:8000,进入如下页面 三.三个标签,点击创建 1.填写项目名称.选择包管理器.是否初始化git 2.选择插件配置方式 3.选择手动配置项目将会进入这一步,可以选择插件进行安装配置,包括常用的router.v

全栈的自我修养: 6使用vue ui进行vue.js环境搭建 It is only with the heart that one can see rightly. What is essential is invisible to the eye. 用心才能看得清事物的本质,真正重要的东西是肉眼看不见的. 目录 前言 安装@vue/cli 创建 Vue 项目 项目结构 git 参考 当你看到这篇文章的时候,暂且认为你对如何做一个网站有了兴趣. 前言 上几篇文章曾经讲过使用 vue-cli 和新

1.确认是否由安装由vue 命令提示符 执行 vue -V 如果没有则执行 npm uninstall vue-cli 2.创建项目 vue create demo1 具体操作如下: (1)执行以上命令后会提示,使用键盘上下箭头选择 选择之前配置好的模板,或者自定义 Manually select features 自定义配置(按方向键 ↓)(选择自定义) (2)上下键选择需要的选项按空格键即选中 1 ? Check the features needed for your project: (

vue 是一个单页面框架,基于模块化组件化的开发模式. 搭建开发环境之前必须要安装node.js,然后安装vue的脚手架工具(命令行工具)win + R 输入npm install  --global vue-cli(慢)或者cnpm install  --global vue-cli(快) 创建项目,vue init webpack  vuedemo01 (创建一个基于webpack为模版的命名为vuedemo01的项目) 1.你的名字是vuedemo01么 2.你的项目的描述是什么 3.作者

最近在使用新版vue的命令行工具创建项目时,安装chromedriver老是失败,导致后面的步骤也没有进行.网上搜索了一下,全是使用 工作中常见问题汇总及解决方案 npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver 安装的,由于@vue/cli安装chromedriver失败,文件目录结构都不完整,所以必须一步成功,不能后面再装chromedriver.看了一下chr

1.官网下载node,安装node.js环境 安装完成后进入cmd,输入node -v和npm -v查看node和npm是否安装成功及对应的版本 2.全局安装vue-cli:cnpm install -g vue-cli,此命令运行一次即可,以后就不用安装了 执行vue -V查看vue的版本 3.创建项目:vue init  webpack hellovue 4.安装路由:npm install vue-router --save-dev 5.安装elementUi组件:npm install

1.安装node及npm node -v (测试node是否安装成功)npm -v(测试npm是否安装成功) 2.安装cnpm npm install -g cnpm --registry=http://registry.npm.taobao.org 3.安装全局脚手架 cnpm install -g vue-cli 4.创建项目 进入你项目的保存位置,然后vue init webpack firstproject(firstproject为项目名) 5.进入项目安装依赖 npm install

一.安装 JDK安装自行百度,IDEA安装: IDEA安装包下载:https://www.jetbrains.com/idea/download/ 安装过程一路默认,需要选择的就勾选 .java之类的:激活选择Listeners Server ,输入:http://idea.iteblog.com/key.php激活 二.使用 1.创建项目 如图,下面的 WebAoolication可以暂时去掉勾选,新建一个工作空间 项目路径 通过view菜单调整toobar等视图 右键Project视图的项目

创建一个基于webpack模板的新项目 D:\Git $ vue -V D:\Git $ vue init webpack my-project ? Project name my-project ? Project description A Vue.js project ? Author hongda <hongda159505@qq.com> ? Vue build (Use arrow keys) ? Vue build standalone ? Install vue-router?

搭建好(脚手架2.X版本)环境像往常一样使用vue init webpack xxxx 创建项目可以是没多久就开始报错了 报错结果就是:vue-cli · Failed to download repo vuejs-templates/webpack: Response code 404. 告诉我们资源上的工具找不到了,没办法加载.. 那解决办法就只好自己本地放一个webpack. 解决途径如下: 1.在github上下载这个工具: https://github.com/vuejs-templa