vue报错streammusthavedata

1.环境&资源问题

1.1.如果生成私钥提示没有这个目录

一般git安装成功之后，会在C:\Users\下创建.ssh目录。如果没有就会出现上述问题。

检查是否安装成功：cmd中执行：git --version (两个-)

如果没有正确提示版本号，则配置一下git环境变量（看问题1.5）

如果电脑用户名是中文名字，需要修改为英文

https://jingyan.baidu.com/article/59703552843c458fc0074005.html

可能是中文名字，导致没有创建.ssh目录

如果改完电脑用户名之后，执行ssh-keygen还是不行的话，就重装git

但是经过测试，很多同学的电脑用户名都无法修改，如果是这样，只能重装系统_

给电脑起中文名，多么痛的领悟…

1.2.无法导入mydb.sql问题

解决方法：

找到my.ini文件 ；

修改内部的数据库引擎为INNODB

#默认为MyISAM

#default-storage-engine=MyISAM

#改为INNODB

default-storage-engine=INNODB

#支持 INNODB 引擎模式。修改为　default-storage-engine=INNODB　即可。

#如果 INNODB 模式如果不能启动，删除data目录下ib开头的日志文件重新启动。

重新导入mydb.sql

1.3.导入mysql另一个问题

如果出现这个问题，说明是mysql没有启动

通过php软件启动mysql

或者cmd命令中执行，net start mysql

1.4.git环境变量配置

参考 —>Windows10下Git环境变量配置

最后一步是重启cmd

1.5.第一次push时，输错密码

删除windows凭据：Win10系统如何删除Windows凭据

1.6.postman不需要注册

1.7.vscode保存代码，直接报错

分析

这是因为默认保存时，自动格式化代码给代码前，添加了一个tab键，而tab键是4个空格，但是eslint语法要求只能是2个空格。

以及双引号，末尾分号，这些eslint都不允许。

如果我们一个一个自己修改，太麻烦了。

我们可以通过一个插件：eslint

然后在用户设置中增加：（vscode版本：1.19.1测试OK）

“eslint.autoFixOnSave”: true,

这样以上问题都可以解决：空格问题，引号问题，末尾分号问题。

补充:

如果VSCode版本比较高（1.42.1测试OK）,则换成

“editor.codeActionsOnSave”: {

“source.fixAll.eslint”: true

},

还有一种方式，可以不让代码报错，但是保存代码时不会修复空格引号问题

补充：或者我们可以直接关闭eslint的语法校验

这样做之后，末尾分号，双引号等等问题，不会再报错。

保存之后，生成了一个配置：（如果出现了关闭之后，自动打开，就自己添加如下配置

1.8.iconfont 无法正常显示，出现口

这是素材中的资源有兼容问题，我重新下载了，大家找fonts_new.zip

注意：打开demo_index.html，切换Font class，然后按照后续步骤 *** 作

2. 项目

2.1. Cannot read property ‘$createElement’ of undefined

错误如下：不能读取undefined对象的$createElement属性

解决：路由规则component写成了components，注意没有s

由于是通过components指定了/login的组件，所以相当于没指定，那么在路由初始化的时候要调用/login对应组件的 c r e a t e E l e m e n t 属 性 ， 所 以 报 错 了 。 没 指 定 ， 那 就 是 u n d e f i n e d ， 所 以 就 是 不 能 读 取 u n d e f i n e d 对 象 的 createElement属性，所以报错了。没指定，那就是undefined，所以就是不能读取undefined对象的 createElement属性，所以报错了。没指定，那就是undefined，所以就是不能读取undefined对象的createElement属性

2.2.git命令无法执行

问题如下：没有一个git仓库，没有.git文件夹

问题分析：

通过脚手架创建的项目，已经默认勾选了git初始化，所以默认在项目根目录会有一个.git文件夹，有了这个文件夹就说明我们的项目已经被git管理起来了

如果想执行，git相关命令，需要在有.git文件夹的目录下才能执行、

出现上述问题，可能有两个原因：

1.创建项目时，没有勾选git初始化

2.执行git命令时，项目目录进错了

问题解决：

找到包含.git文件夹的目录，再执行git命令

或者：在vue_shop目录下执行git init命令，进行git初始化，它会帮助你创建.git文件夹

2.3.this relative module was not found

问题如下：这个相关的模块没有找到

问题分析：

在main.js中没找到iconfont.css，这种问题，一般都是路径问题

问题解决：

在mian.js中确定引入iconfont.css的路径，看是否有误

2.4.代码切换分支合并分支时被删除

问题描述: 当我们切换master分支之后，发现login分支的代码消失

问题分析：

login分支，创建login.html

当切换到master的时候，login.html消失（这是因为master本来就没有这个文件，肯定会消失）

但是，在merge login之后，login.html就回来了

如果想回退版本：

git log（查看想要回退的版本号）

git reset --hard 版本号

git reset --hard f31cf29afe79a6374e12183541994624221a0e1d 902b8494192a9bc8c3947e39c8494ee6d3878ec8

2.5. POST http://localhost:8080/login 404 （Not Found）其他问题雷同

问题描述:

问题分析：

发送的接口请求地址错了

解决问题：

检查两个地方：

A）main.js中配置请求的根路径是否出错，包括单词大小写：

axios.defaults.baseURL = ‘http://127.0.0.1:8888/api/private/v1/’

B）Login.vue中发送的请求接口地址是否写错：

const {data:res} = await this.$http.post(“login”, this.loginForm)

2.6.Element-ui表单总结

2.6.1.表单数据双向绑定

在这里进行双向数据绑定的时候，我们是将要绑定的data属性放到了loginForm对象中，然后再进行的绑定，这样做方便后续数据的提交，等到提交数据的时候，直接将loginForm对象提交到后台即可

2.6.2.表单校验规则

loginFormRules是一个对象，在对象中可以指定多个字段的校验规则

username是其中一个校验规则，而这个校验规则是有必填和长度这两个校验规则组成的

每一个校验规则都是一个对象，对象中有三项信息

1.校验规则：required必填，min-max长度

2.校验失败时的提示信息：message

3.何时触发校验：trigger（触发器）：blur（失去焦点），意味失去焦点触发此校验规则

2.6.3.表单提交

失去焦点需要校验表单，但是最后表单提交的时候，也需要再次校验表单

因为程序员可以通过程序，让表单数据自动填充，所以界面的失去焦点方法校验表单并不完全可靠

其实最后表单提交的时候再次校验，程序员也是可以跳过的，比如通过postman发起请求，不通过界面发起请求，所以前端所有的校验都不靠谱，后端servlet收到数据之后，也还是会重新校验的

注意：这里的validate是el-form的方法，我们需要获取el-form对象之后才能调用，如何获取呢？因为Vue不再通过原始方式获取DOM元素对象，所以采用ref引用名的方式：

只要标签添加ref属性，就会给当前标签创建对象，并且将对象存储到$refs中

vue实例有一个属性 $refs , 存储当前界面中所有带有ref属性的标签的对象

比如此界面中有俩标签添加有ref：

(1)

那么$refs对象就长这样： {“loginForm”:el-form,“item1”:el-form-item}

所以可以通过如下方式获取：

(1)this. r e f s . l o g i n F o r m t h i s . refs.loginForm this. refs.loginFormthis.refs.item1

(2)this. r e f s [ " l o g i n F o r m " ] t h i s . refs["loginForm"] this. refs["loginForm"]this.refs[“item1”]（这个$refs比较特殊，可以通过中括号方式获取属性）

validate方法的参数是一个回调函数，函数的参数是校验结果

校验通过，valid=true

校验失败，valid=false

最后需要注意，validate方法内部用到了el-form的model属性，所以如果没有写如下属性：

会报错：

model是校验工作必须的属性

2.6.4.表单数据重置

el-form还有一个方法resetFields，重置字段，会将用户输入的信息以及校验信息都清空 。

3.

3.1. TypeError: cannt read property ‘cancelToken’ of undefined

问题描述：

问题分析：

在main.js的拦截器中没有return返回值

解决问题：

在main.js的拦截器中return config,固定写法

3.2.bug调试-network

如果写完代码没有出现你想要的效果，排错步骤如下：

1.右键，查看console，如果有错误，其实是好事，因为最起码有错误提示

2.仔细查看错误，在此文档中查找看有没有类似的错误，如果有按照笔记解决

3.如果没有，那么就将错误翻译成中文，尝试理解错误是什么意思

4.实在不行，将错误放入百度，进行搜索

5. 3-5分钟搞不定的，立马问老师，经过老师的调试，错误搞定之后，一定要将错误收录到此文档中，积累错误文档，是一件非常重要的事情，这些错误就是你的经验

6.如果console里没有错误，那么我们就需要查看network，看一下请求是否有问题

7. 比如，用户列表

8. 先看General

注意会发现有两个users请求，看第二个

查看Request URL，Request Method，Status Code是否有问题

9. 查看请求参数，是否有问题

10. 查看响应数据

1、批处理脚本中，要想与用户实行交互，需要用到命令set 配合/p参数一起使用。

2、set命令是用来定义变量并赋值的，而使用/p参数后，set 并不马上在命令中给变量赋值，而是另起一行，等待用户的输入，并用户的输入内容做为值赋给变量。

3、而且在set /p后，可以加入提示语句，让用户知道，程序正在等待输入。

4、与用户交互，虽然已经实现了用户输入的接收。但还需要对接收到的内容进行处理，这时可以利用if 语句来完成。

5、运行后的效果如下，用户输入admin时，显示“输入正确”，否则，显示“请输入正确的用户名”。

6、再来完善一下脚本代码，做一个简单的用户登录判断。主要用到goto语句和if语句，实现python写网页后台实现与数据库交互。

这个就非常多了，下面我以常见的编程开发软件和数据库管理软件为例，简单介绍几种，感兴趣的朋友可以尝试一下：

01 编程开发软件

这个要看具体编程语言了，不同语言开发工具自然不同，这里以常见的C/C++、Java和Python为例，简单介绍3种比较常用的软件：

这是Windows平台下一个非常专业的集成开发工具，号称宇宙第一IDE环境，不仅仅只是C/C++，常见的C#、VB等编程语言，这个软件都能很好支持，智能补全、代码高亮、语法检查等功能非常不错，除此之外，还支持单元测试、代码重构和分析等高级功能，因此非常适合大型项目开发和维护：

这是一个非常专业智能的Java开发工具，在企业和个人桌面中，有着非常高的使用率和欢迎度，自动补全、语法提示、代码高亮等功能非常不错，除此之外，还支持JUnit、CVS整合、代码重构等高级功能，自带有Maven和Gradle构建工具，因此更适合Java项目开发和维护，个人使用起来非常不错：

这是一个非常专业的Python开发软件，和IntelliJ IDEA一样，Jetbrains公司的产品，在业界非常流行、受欢迎，智能补全、代码高亮、语法提示等功能非常不错，除此之外，还支持代码重构和分析、单元测试等高级功能，因此更适合大型项目，个人使用来说，也非常简单，很容易上手和掌握：

02 数据库管理软件

这个就非常多了，不同数据库都有专门的管理软件和工具，这里简单介绍3个比较通用的数据库管理软件，分别是HeidiSQL、DBeaver和DataGrip，对于日常使用来说，非常不错：

这是Windows平台下一个非常轻巧灵活的数据库管理软件，基于Delphi开发而来，目前支持MySQL、MariaDB、MSSQL、PostgreSQL等主流数据库，常见的建库建表、视图索引、触发器等基本功能，这个软件都能很好兼容，除此之外，还支持SQL脚本导入导出、数据备份恢复等功能，对于日常数据库管理来说，非常不错：

这是一个基于Java开发的数据库管理软件，免费、开源、跨平台，目前支持Oracle、MySQL、PostgreSQL、SQL Server等十几种主流数据库开发，建库建表、视图索引、触发器、存储过程等基本功能 都 可轻松查看和设计，数据库导入导出、数据 恢复 备份等功能也都非常不错，对于日常数据库管理和维护来说，是一个非常不错的工具：

这也是一个通用的数据库管理软件，Jetbrains公司的产品，支持跨平台，但原则上针对个人不免费，常见的PostgreSQL、MySQL、Oracle等数据库，这个软件都能很好支持， 数据导入导出（ 恢复备份 ）、 智能代码填充、版本 集成 控制等功能非常不错，对于日常数据库管理来说，也是一个不错的工具：

每天常用开发工具：

0.Git：分布式版本控制系统；

1.IntelliJ IDEA：java语言开发的集成环境，IntelliJ在业界被公认为最好的java开发工具之一；

2.Sublime Text：不只是代码编辑器；

3.Postman：Http请求模拟工具和功能强大的网页调试工具；

4.DataGrip：支持几乎所有主流的关系数据库、多功能的数据库 *** 作工具；

5.Vagrant：用于创建和部署虚拟化开发环境，配合虚拟机使用；

6.Gradle：自动化构建工具；

7.JIRA：项目与事务跟踪工具；

8.iTerm2：Mac上的终端工具；

9.Jenkins：持续集成工具。

做了一个写代码用了十几年的人，很多编程的习惯已经养成了，现在就罗列下每天必用的软件：

直接安装的linux系统，因为几乎所有的代码都是在linux下完成

java开发环境

C/C++代码编辑工具

linux下虚拟windows系统virtualBox

软件提交工具git

不同的开发语言，每天要用到的软件可能不一样。

我是开发java web的，电脑安装了很多工具，但是说每天要用到的好像就几个。

作为程序员使用最多的软件，莫过于编程开发所用到的软件编辑器，但是编辑器的种类有很多。我们需要做到的是，找到你最喜欢的编辑器然后熟练的使用它。

同时掌握常见的一些快捷键的 *** 作方式，从而来提升我们的工作效率，而不是以软件而论软件，什么都去接触使用。毕竟软件是工具是帮助我们提升开发效率。

下面我就列举我们PHP经常使用的软件

IDE工具类软件

这一类是开发软件编写代码用的。这一类的软件非常多，我就推荐一个经常使用的PHPStorm，因为太多的话大家也用不到，也没有那么多的精力去熟练每一个编辑器。

PHPStorm是 JetBrains 公司开发的一款商业的 PHP 集成开发工具，旨在提高用户效率，可深刻理解用户的编码，提供智能代码补全，快速导航以及即时错误检查。可以说是PHP开发程序员必备的神器。

常用快捷键如下：

1.复制快捷方式

F5 复制文件/文件夹

CTRL+C 复制

CTRL+V 粘贴

CTRL+X 剪 切,删除行

CTRL+D 复制行

CTRL+SHIFT+V 可以复制多个文本

2.自动代码

ALT+回车 导入包,自动修正

CTRL+ALT+L 格式化代

码CTRL+ALT+I 自动缩进

CTRL+ALT+O 优化导入的类和包

CTRL+SHIFT+SPACE 切换窗口

CTRL+SPACE空格 代码自动完成，代码提示,一般与输入法冲突

CTRL+ALT+SPACE 类 名或接口名提示（与系统冲突）

CTRL+P 方法参数提示，显示默认参数

CTRL+J 自动代码提示，自动补全

CTRL+ALT+T 把选中的代码放在 TRY{} IF{} ELSE{} 里ALT+INSERT 生成代码(如GET,SET方法,构造函数等)

3.运行

Alt + Shift + F10 选择的配置和运行

Alt + Shift + F9 选择配置和调试

Shift + F10运行

Shift + F9调试

Ctrl + Shift + F10运行范围内配置编辑器

Ctrl + Shift + X运行命令行

4.其他快捷方式

CTRL+Z倒退(代码后悔)

CTRL+SHIFT+Z 向前

CTRL+H显 示类结构图

Ctrl +F12 文件结构d出

CTRL+O 魔术方法

CTRL+/ 注释//取消注释

CTRL+SHIFT+/ 注释/*...*/

ctrl + '.': 折叠选中的代码的代码

ALT+ / 切换代码视图，标签切换

5.其他快捷方式

CTRL+Z倒退(代码后悔)

CTRL+SHIFT+Z 向前

CTRL+H显 示类结构图

Ctrl +F12 文件结构d出

CTRL+O 魔术方法CTRL+/ 注释//取消注释

CTRL+SHIFT+/ 注释/*...*/

ctrl + '.': 折叠选中的代码的代码

ALT+ / 切换代码视图，

数据库相关常用的工具

Navicat for MySQL是管理数据库的 *** 作工具，都是可以连接远程的云数据库。方便简化开发，还可以手动备份、可视化的sql分析。

常用快捷键：

ctrl+q打开查询窗口

ctrl+/注释sql语句

ctrl+shift +/ 解除注释

ctrl+r运行查询窗口的sql语句

ctrl+shift+r 只运行选中的sql语句

F6打开一个mysql命令行窗口

ctrl+d （1）：查看表结构详情，包括索引 触发器，存储过程，外键，唯一键（2）：复制一行

ctrl+l删除一行

ctrl+n打开一个新的查询窗口

ctrl+w关闭一个查询窗口

ctrl+tab 多窗口切换

服务器连接软件

XShell6是非常强大的SSH远程终端客户端，帮助我们连接远程的Linux服务器来进行 *** 作。

粘贴：Shift+Insert

历史 命令编辑ctrl + p 返回上一次输入命令字符

alt + >返回上一次执行命令

其它

ctrl + s 锁住终端

ctrl + q 解锁终端

ctrl + l清屏相当于命令clear

Tab键，快速补全命令

轻量级文本编辑器

Notepad++。这个很轻量，打开一下文本非常的方便。

常用快捷键

Ctrl+C 复制

Ctrl+X 剪切

Ctrl+V 粘贴

Ctrl+Z 撤消

Ctrl+Y 恢复

Ctrl+A 全选

Ctrl+F 键查找对话框启动

Ctrl+H 查找/替换对话框

Ctrl+D 复制并粘贴当行

Ctrl+F2 切换书签

F2 转到下一个书签Shift+F2 转到上一个书签

F11 全屏模式

综上所述，软件只是一个工具，我们需要找到自己喜欢使用的，然后熟练一些常用的快捷方式即可，而并不是在于数量多。

前端 ：

visual studio code

后端：

pycharm

IDEA

安卓：

android studio

浏览器：

谷歌

火狐

数据库管理：

navicat

远端链接：

fileZilla

xshell

electerm（mac上使用）

流程图设计：

xmind

processOn

笔记：

为知笔记（付费一年60）

有道云笔记

虚拟机（容器）

VMware Fusion（mac上）

docker

其他：

postman

jmeter

作为一个12年开发经验的前端程序员，我来聊聊每天必用的几个软件。

写代码自然离不开 编辑器 。目前我主要使用的是微软的 Visual Studio Code 。VS Code比较轻量，功能足够应付日常开发所需，跨平台，而且完全免费 。因为之前长期使用Visual Studio在Windows平台上做开发，后来技术栈变化，经常需要在Linux和MacOS上做开发，VS Code就成了我顺理成章的选择。后来干脆在Windows上也用VS Code了。目前整个团队都已经被VS Code圈粉了。其它类似的如Sublime Text(需要付费)和Atom也有不少人使用。

因为是团队开发， 源代码管理工具 自然必不可少，而 git 是目前最热门的一个。我们公司也不例外，几年前从Perforce迁移到了 GitHub企业版 (和公众版本UI完全相同)。平时的代码审查也都是在GitHub企业版上完成的，不再使用单独的代码审查工具。有些不习惯使用命令行方式的同事使用 SourceTree 完成日常的代码分支管理和提交，而我则比较热衷于命令行方式。VS Code也提供了比较完善的git集成，但因为习惯的原因，除了直观比较不同代码版本的差异，我一般也不用VS Code执行git *** 作。

作为一个Web前端， 浏览器及前端调试工具 自然不可或缺， Google Chrome + Developer Tools (F12) 自然是首选。使用Developer Tools，可以对JavaScript进行调试，监控HTTP请求/响应，分析CSS计算问题和JS性能问题。 Chrome下还有很多功能强大的插件，个人比较常用的包括React Developer Tools、PostMan、Proxy SwitchOmega和AdBlock。当然，因为经常面对浏览器兼容性问题，Firefox、IE、Edge、Apple Safari以及各自的Developer Tools都是免不了要用的。

团队目前使用Scrum模型，自然需要一个做 任务规划和质量管理 的工具。我们采用了 JIRA , 每天的站会(daily standup meeting)都会对scrum看板(board)进行更新。

遇到技术问题，自然免不了要上网查找资料。 Google 的使用频率非常高(需要科学上网)。大部分问题都能在 StackOveflow 上找到线索，但有时候也不得不跑到大名鼎鼎的同性交友网站 GitHub 上看源码。 MDN （Mozilla Developer Network）对于前端开发也是不可或缺(此处鄙视一下w3cschool，上面到处是错误知识)。

其它如node.js/npm、docker等，因为和具体的技术栈相关，就不具体展开讲了。

作为一个开发人员，你每天使用什么软件呢，欢迎说说看。

尽管我是后端出身的，不过也经常写前端代码，甚至还用C#/C++参与过一些客户端开发，自认为也算是一个Web全栈工程师。随着前端技术的不断进步，现在的前端已经不再是写写页面这么简单了，很多逻辑在前端就写了，我建议每一个出色的开发者应该尽可能对前后端都能有不错的掌握。

今天给大家推荐一些我认为前端和后端开发都需要经常用到的一些软件，这里面包括了查询资料工具、原型工具、文本编辑器、版本管理工具。

原型工具

不管前端还是后端，尤其是前端程序员，在跟产品经历沟通之后肯定会要查看原型的，方便自己在开发过程中使用，基本上大公司输出的原型都比较规范，除非你遇到张小龙这种级别的大神，哥们儿直接盯着你做了。

目前主流的原型工具主要有Axure、MockPlus、墨刀等，其中Axure依然是应用最为广泛的原型工具，大多数开发者也都应该用来看原型。

文本编辑器

不管是前端还是后端程序员，当然前端程序员就不说了，在WebStorm出现之前，没有一款真正可以叫做IDE的前端开发工具，那么基本上文本编辑器就是前端程序员最重要的编程工具。同样后端程序员即使不需要写前端代码，文本编辑器也是必备的，您不需要每次看代码都打开庞大的集成开发环境，像IDEA这种比较耗费资源的，平时查看代码啥的完全没有必要，何况你还经常要看一些前端代码。

当然你比较习惯Linux/Unix下开发，Emacs/Vim可能是你用得比较多的文本编辑器，还有UltraEdit、Sublime Text、EditPlus、Atom这些老牌的文本编辑器，不过现在我觉得每个程序员都应该下载一个Visual Studio Code，支持的语言比较多，而且插件非常丰富，是微软官方支持的开发者工具，开源免费而且颜值非常高。

查询资料、版本管理工具

不用多说，每个程序员都要学会很好的使用Google、Stack Overflow两个工具，可以说你日常开发当中可能遇到的问题，通过这两个工具你全都能找到解决方案。

另外一个是Dash文档管理工具，Dash是一个非常好的开发者帮助文档工具，这个工具的好处是给所有的开发文档做了一个整合，C/C++、Java、PHP、Python、Latex、Emacs Lisp、Haskell、JavaScript、Go语言等文档都能够在这个工具当中下载使用。

最后一个就是版本管理了，SVN和Git依然是目前使用最为广泛的版本管理工具，不过就使用来说我还是推荐Git版本控制系统，可以说这个时代Git就是最好的版本管理工具了，尤其是开源时代、互联网时代，Git已经成为了最重要的版本管理工具，不管是命令行管理还是使用Github等客户端工具，堪称完美。

入行十一年，现在主要做一些管理和架构方面的工作，也会做一些Coding，主要是一些新技术的研究和“踩坑”。

编辑器

首先是EditPlus，这是一个文本编辑器。最常用的两个功能：正则表达式查询和文件夹内所有文件内容搜索。

平时经常需要看一些系统日志，甚至要从好几天几十个日志文件中找到内容，这个软件很好用。（原谅我们没有上日志平台）

然后就是IDE啦，我还是喜欢用Eclipse，有时候会用STS(Spring Tool Suite)，它也是一个被包装过的Eclipse，方便做一些Spring框架的研究。

数据库工具

一个是DbVisualizer，凡是具有JDBC数据库接口的数据库都可以管理，什么数据库都能连。

还有一个是SQLyog，这是一个快速而简洁的图形化管理MYSQL数据库的工具，我只用里面一个功能，就是数据的导入导出，效率非常高！

接口测试工具

大部分项目只对外提供接口服务，所以接口测试工具少不了，我一般使用SoapUI，WebService/Rest都可以进行测试。

其他

每天肯定会用的肯定不止上面几个，还有版本控制工具svn和git，都会用到是因为单位svn现在开始往git迁移。

因为用的Scrum敏捷开发流程，所以JIRA、Sonar、Fisheye这些也是都会用到的。

Maven也不用说了，几个项目基本都是基于Maven构建的。

必用的基本就是这些，只要电脑开着，这几个软件基本都是打开状态。

---