测试平台的搭建-前端vue和后端python

前端：

一、Node.js安装：加到系统变量环境中

下载地址： https://nodejs.org/en/download/

2.Node.js 内置了npm，只要安装了node.js，就可以直接使用 npm

3.检测是否安装成功：node-v

二、yarn的安装

相比较npm 安装一些依赖包，建议试用yarn安装，yarn相比于npm的优势

第1种方法：

npm install -g yarn
yarn --version

若yarn 查看到版本号，说明安装成功，若提示“‘yarn‘ 不是内部或外部命令，也不是可运行的程序或批处理文件的解决方法”，直接采取第2种方法

第2种方法:

Yarn官网地址：Installation | Yarn 

 点击download installer,下载yarn的 .msi文件

安装成功后，新打开cmd,输入yarn --version ，查看是否有版本号

三、yarn配置环境变量和镜像源

1.yarn安装后，程序会自动在环境变量path中添加yarn的环境变量

2. 在yarn的安装目录下，可以新建两个文件甲cache和global，用于存放缓存和全局模块（npm也可以这样操作）

#设置缓存
yarn config set cache "D:\Packages\yarn\cache"

#设置全局模块
yarn config set cache "D:\Packages\yarn\global"

# 查看当前镜像源
yarn config get registry
 
# 修改为淘宝镜像源
yarn config set registry https://registry.npm.taobao.org

 3.设置镜像源

四、下载花裤衩后台管理

地址：https://gitee.com/panjiachen/vue-element-admin

用vscode打开下载的后台管理

• 先删除node_moules，需要重新生成一个，原因见为什么 npm 要为每个项目单独安装一遍 node_modules？

• 安装vue  

#yarn 安装vue脚手架,会重新生成node_moudles
yarn global add @vue/cli  
#查看是否安装成功
vue -V  

 若执行yarn dev 遇到以下错误，可尝试链接中的操作方法

解决前端项目初始化报错 npm ERR command git --no-replace-objects ls-remote ssh://git@github-com/nhn/raphael-git_miss补的博客-CSDN博客

• 运行 yarn dev，成功后点击地址跳转即可

后端：

工具：

• pycharm 专业版
• Django

一、Django 的安装

Django 安装与运行_橘子zxj的博客-CSDN博客

二、pycharm项目的创建

Django 创建项目app_橘子zxj的博客-CSDN博客_django创建app

三、url.py

• 用户在敲下你的网址并回车，生成请求
• 请求传递到urls.py
• Django去urlpatterns中匹配链接（Django会在匹配到的第一个就停下来)
• 一旦匹配成功，Django便会给出相应的view页面（该页面可以为一个Python的函数，或者基于view（Django内置的）的类），也就是用户看到的页面
• 若匹配失败，则出现错误的页面