前端工作第一天搭建所有环境一览

119 阅读2分钟

不赘述常见的文件目录作用或者后期总结总结,比如lib,bin,src,repository,conf,cache,home等等

不赘述环境变量语法

不赘述Android SDK下附带的包是什么意思

不赘述淘宝CDN配置

node

下载安装node nodejs.org/zh-cn

  • node -v 查看node环境(配置淘宝镜像)
  • npm -v 查看npm环境

java环境

高级环境变量配置

  • 新建键名 JAVA_HOME 值名 jdk安装路径
  • 新建键名 CLASSPATH 值名tools和lib
  • Path添加bin文件
  • Path添加jre下的bin文件(不知道java语言是怎么回事,正常来说,环境设置好是不会改变,但是配置这个是为了IDE环境和系统环境一致,一脸懵)

maven环境

高级环境变量配置

  • 键名 MAVEN_HOMNE 值名 安装路径
  • Path 添加到bin文件下
  • mvn --version 检查版本

Gradle环境

高级环境变量配置

  • 键名 GRADLE_HOMNE 值名 安装路径
  • Path 添加到bin文件下
  • Gradle --version 检查版本

android环境

下载Android Studio(我是这么安装下载的 有no或Do not选择,next选择,I agree选择)


第一步:

  • 第一步,File-->Setting,
  • 第二步,搜索SDK,
  • 第三步,Android SDK 选项的 SDK Tooks(SDK安装包),选择常用常见的SDK环境,例如Android SDK Platform-Tools就是adb的环境(后续总结SDK常用常见包)
  • 第四步,打开Platform-Tools的文件夹,的路径管理栏,输入cmd,打开窗口输入adb,确保没有问题

第二步:

  • 第一步,高级环境变量里将SDK环境变量配置通常是(是为了配置SDK内容下的其他内容)
键名 ANDROID_HOME
值名 SDK路径
  • 第二步,在Path配置Platform-Tools
  • 最后,搜索Gradle配置为本地的Gradle

ReactNative环境

  • 第一步
 npm install -g react-native
 
  • 第二步
react-native init 项目名称

Taro环境

npm install -g @tarojs/cli

Dart环境

dart.cn/tools/sdk/a…

  • Dart --version 检查版本

Flutter

docs.flutter.dev/get-started…

高级环境变量配置

  • Path配置flutter bin文件
  • Flutter --version 检查版本

其他常见技术及应用场景技术如何配置

  • 后台开发,vue和react,之前需要配置镜像,现在也不行,以及TS也不需要配置环境变量
  • uniapp只需下载HbuiderX就行,Vscode常用常见的插件安装就行,例如,run code,Open Brower,live Server,Dart,Flutter以及Snippets类的代码提示工具等等,还有小程序也不需要配置特殊的环境变量,例如QQ小程序,微信小程序,抖音小程序,支付宝小程序等等
  • 官网 wow.js+Swiper.js就不需要配置环境,他属于软件开发技术领域
  • 手表,蓝牙,地图更精细化的就和环境变量就没有关系,和应用场景就有关系