开发中使用到的部分工具(node.js,postman,微信开发者工具,typora,vsCode)

链接:https://pan.baidu.com/s/1Iqw7l0jCDz8d7IamVKid9Q 
提取码:4we9

1、配置测试工具

1.1、安装google访问助手

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vYVqmdkx-1585737073794)(assets/1585233465623.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1v2E8NEy-1585737073796)(assets/1585233547342.png)]

选择已下载解压的google助手

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UgPvkxP8-1585737073798)(assets/1585233603975.png)]

然后google助手就出来了

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dUiQjtSR-1585737073799)(assets/1585233854231.png)]

1.2、安装postman

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MkqCRaSI-1585737073801)(assets/1585233956629.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PZSxnVee-1585737073801)(assets/1585234080610.png)]

下载途径一:

添加成功后。左击该图标

如果没有下图所示界面则使用下载途径二。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KUYPIVpK-1585737073802)(assets/1585234846375.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-93t9eQd5-1585737073804)(assets/1585235524196.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Hti1gyu0-1585737073806)(assets/1585235562744.png)]

下载途径二:

如果上述图片所示不能显示,则右击上述图标

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cUAvxfDQ-1585737073807)(assets/1585235100280.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aVCvJc8p-1585737073808)(assets/1585235227815.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0RVRQVJq-1585737073809)(assets/1585235265016.png)]

稍等一会儿就会进入下载界面,就可以直接下载了。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-B4QZdmjk-1585737073810)(assets/1585235327276.png)]

1.3、安装jsonviewer

浏览器访问json 数据时,看起来很乱,没有格式化,使用jsonview插件就可以了

在chrome网上应用店进行搜索:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-16gu2qZe-1585737073810)(assets/1585235981742.png)]

2、安装node.js

下载地址:https://nodejs.org/download/release (上述已经提供了百度云盘链接)

2.1、配置环境变量

将压缩包解压

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-m0XgXJgK-1585737073811)(assets/1585236216782.png)]

配置环境变量

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8P7hqNKF-1585737073812)(assets/1585236315667.png)]

使用命令查看是否安装及配置成功(cmd中)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5TzCNp37-1585737073813)(assets/1585236406158.png)]

若没有反应,可以重启电脑试一哈。

2.2、配置node的加速镜像(cmd中)

由于Node 里面有个包安装的工具,类似maven ,所以需要配置加速镜像

此处采用taobao的源:

npm install -g cnpm --registry=https://registry.npm.taobao.org

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Wexq4OV9-1585737073816)(assets/1585236563603.png)]

3、微信开发者工具

常规安装。选择存放位置即可。

双击进入程序后,进行导入已存在的前端项目。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5RxemS2R-1585737073817)(assets/1585237758034.png)]

4、安装typora

常规安装。选择存放位置即可。

5、安装VSCode

常规安装。选择存放位置即可。

5.1、VSCode里常用的插件安装

软件一开始是全英文,将其转变为中文。

中文的安装

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-E3gvDSw4-1585737073818)(assets/1585237535336.png)]

转变vue文件的颜色

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gDHGNsXS-1585737073819)(assets/1585237660455.png)]

5.2、运行vue前端

导入vue前端项目文件夹后新建终端。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lj4qq1y6-1585737073820)(assets/1585237882062.png)]

当cmd中的镜像加速执行完毕后。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-b7pKEos0-1585737073820)(assets/1585237175983.png)]

再在VSCode终端中执行下述命令安装包

cnpm install

安装成功的标志

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OBbpct8I-1585737073821)(assets/1585237274730.png)]

运行vue前端程序

npm run dev
发布了29 篇原创文章 · 获赞 0 · 访问量 2235

猜你喜欢

转载自blog.csdn.net/rootDream/article/details/105252538