
前端自动化开发
文章平均质量分 63
暮色岚光
fighting!!!
展开
-
vuex实现数据持久化
Vue项目中使用Vuex作为状态管理,其本质上类似于全局的变量存储,方便在所有Vue组件中共享数据,而且也可以动态改变状态。Vuex是单向数据流,实现了双向数据绑定。在单页应用中Vue项目集成Vuex足够基本使用,但是刷新页面的时候数据都会被清空,在某些情况下,我们需要这些状态能保存下来,比如登录后的用户信息、AccessToken、主题配置等。持久化原理:结合本地存储做到数据状态持久化,使页面刷新后数据不会初始化为默认状态。1、安装插件 vuex-persistedstatenp原创 2022-05-06 14:32:35 · 8808 阅读 · 2 评论 -
手把手教你使用vite简单搭建ts+vue3全家桶
一、vite环境搭建,构建vite-vue-ts项目1、安装vite环境npm init @vitejs/app或者yarn create @vitejs/app2、使用vite初始化vite+vue+ts的项目npm init @vitejs/app app-name或者yarn create @vitejs/app app-name3、选择项目类型为vue+ts(小tips:git bash中直接按上下键切换选择自己想要的选项,虽然界面中不会动态展示切原创 2021-10-20 18:01:47 · 18005 阅读 · 6 评论 -
vue项目中修改项目源码(echarts为例)
找到node_module中的echarts,程序在引用包时一般是从包的index.js进入,所以我们找到index.js:在index.js中看到引用了很多文件,我们根据自身需求去进行修改即可。如我想添加一个charts的公用函数:找到了公用方法的路径,进入修改:添加了一个我自定义的方法:如此,就可以在项目中使用这个方法:......原创 2020-12-17 11:40:12 · 2003 阅读 · 0 评论 -
创建项目时容易出现的问题
1、包版本问题导致的错误(如引用包出现语法更新等);2、文件后缀的缺失(如js和vue文件同时存在于一个文件夹下时无后缀名引用报错);3、CMD规范和ES Module规范的混用;原创 2020-12-10 17:09:08 · 316 阅读 · 0 评论 -
webpack-dev-server的配置和使用——热更新、热替换、proxy代理
一、介绍虽然webpack提供了webpack --watch的命令来动态监听文件的改变并实时打包,输出新bundle.js文件,这样文件多了之后打包速度会很慢,此外这样的打包的方式不能做到hot replace,即每次webpack编译之后,你还需要手动刷新浏览器。webpack-dev-server其中部分功能就能克服上面的2个问题。webpack-dev-server主要是启动了一个使用express的Http服务器。它的作用主要是用来伺服资源文件。此外这个Http服务器和client使...原创 2020-05-31 15:50:40 · 9838 阅读 · 0 评论 -
webpack打包css一直报错
各种修改webpack和loader的版本都不对;最后看到自己文件里打印的npm-debug.log,提示您是否确认nodejs已更新到最新版本。。。然后~~~编译成功了。。。我一口老血差点没吐出来!以后不要只信度娘,还得注意看看代码报错的提示啊,学好英语很重要,嗯!...原创 2020-05-31 20:14:59 · 500 阅读 · 0 评论 -
github上传本地项目
1、首先创建一个新项目,编辑项目名称和项目描述2、进入如下页面此时我用vue-cli先创建好了一个项目 —— myWeb3、通过webstorm打开项目在命令行中进行操作,或者使用git bash,进行以下操作:【1】首先初始化git,建立一个本地仓库:【2】新装的git需要提交用户邮箱和用户名:【3】添加远程地址:【4】添加整个项目到暂存区,并...原创 2018-11-20 16:22:08 · 197 阅读 · 0 评论 -
gitee使用记录
gitee使用记录1、创建一个仓库myStore(即项目)(选择了开发语言和“.gitignore”文件模板[用于告诉Git哪些文件不需要添加到版本管理中])创建成功后:.gitgnore 内容:.vscode/* !.vscode/settings.json !.vscode/tasks.json !.vscode/launch.json !.vscode/extensions.json.gitgnore资料参考:https://www.jian...原创 2020-05-29 10:10:51 · 5346 阅读 · 0 评论 -
webstrom配置使用之git和gulp
1、官网下载webstorm最新版安装到自己的电脑上(Activity Code中给出序列号);2、关于git的配置:【1】下载并安装git;【2】File-Setting搜索git,在Git界面设置你的安装路径:这样git就配置完成了!3、关于gulp的安装和配置:【1】理解gulp: gulp是基于Nodejs的自动任务运行器,基本流程就是先安装原创 2016-10-25 16:15:03 · 6424 阅读 · 0 评论 -
gulp-sass安装失败问题
使用npm 安装gulp-sass:因项目需要,在写好了package.json的情况下,进行npm install。但是npm install中安装gulp-sass失败:删去node_module文件采用yarn install 同样安装gulp-sass失败:分析错误原因:gulp-sass依赖node-sass,根据npm install中提示的原创 2017-07-12 13:39:44 · 4786 阅读 · 0 评论 -
Git工作流程及一些小知识点
如图:git是一个方便快捷的版本管理控制工具,git中就有本地仓库。需要注意的是,在使用git的过程中常常会产生临时分支,如果在切换分支之前没有commit,我们就会丢失临时分支的内容,很难找回。插一段知识点:git clone的流程:git init(local) -> git dir(local) -> pull all in git()remote -> ad原创 2017-01-17 13:45:51 · 511 阅读 · 0 评论 -
vue-cli脚手架搭建webpack+vue项目
vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli 一、 安装 node.js首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的 node 是固定版本的,如果需要多版本的转载 2017-06-20 10:54:56 · 1379 阅读 · 0 评论