![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端工具
一年翻倍
这个作者很懒,什么都没留下…
展开
-
vue调试工具Devtools不出现的解决方式
文章引用:https://blog.csdn.net/przlovecsdn/article/details/82256558在使用vuex时,想直观的查看数据state的变动,用Devtools可实现,但是在Google浏览器中开发调试的时候,右上角出现vue的图标,但是在开发者工具中没有出现vue调试(已在扩展程序中安装 Vue Devtools)vue图标:开发者工具:扩展程序:没显示调试工具的原因是:1.用了生产环境的版本2.压缩的vue版本3.或是没有勾选:允许访问文件网址原创 2021-02-18 16:55:03 · 2725 阅读 · 0 评论 -
记录:vue.config.js 中eslint配置错误导致的问题 Child compilation failed:
Error: Child compilation failed: Module parse failed: Unexpected token (1:0) File was processed with these loaders: * ./node_modules/html-webpack-plugin/lib/loader.js * ./node_modules/eslint-loader/index.js You may need an additional loader to handl原创 2021-01-10 22:31:14 · 2066 阅读 · 0 评论 -
SPA 单页面应用优化基于webpack方面
一、前言现在随着前端开发的复杂度和规模越来越大,不能抛开工程化来独立开发,比如:react的jsx代码必须编译后才能在浏览器中使用,比如sass和less代码浏览器是不支持的。如果摒弃这些开发框架,开发效率会大幅下降。在众多前端工程化工具中,webpack脱颖而出成为了当今最流行的前端构建工具。二、webpack的原理1.核心概念:(1)entry:一个可执行模块或者库的入口。(2)chunk:多个文件组成一个代码块。可以将可执行的模块和他所依赖的模块组合成一个chunk,这是打包。(3)lo原创 2020-12-01 15:36:15 · 295 阅读 · 0 评论 -
vue-cli创建项目
常用命令通过命令行查询可用的包的版本号npm view vue-cli versions --json查看vue-cli 最新版本vue --version 或 vue -V卸载之前版本npm uninstall vue-cli -g 或 yarn global remove vue-cli(通过 npm install -g vue-cli 下载的版本)npm uninstall -g @vue/cli (通过 npm install -g @vue/cli 下载的版本)vue脚手架初始化原创 2020-10-29 17:43:38 · 452 阅读 · 0 评论 -
Vue调试工具vue-devtools安装步骤
Vue调试工具vue-devtools安装它可以让你在一个更友好的界面中审查和调试 Vue 应用git下载:可以直接从git上手动下载,或者使用命令git clone https://github.com/vuejs/vue-devtools在vue-devtools目录下安装依赖包打开命令窗口cd vue-devtools执行npm install 或者cnpm inst...原创 2020-05-08 09:44:50 · 606 阅读 · 0 评论