首页 > 前端开发 > 正文

如何搭建一个比较省心的前端开发环境

2023-10-19 15:07:49 | 我爱编程网

最近经常有小伙伴私信询问如何搭建一个比较省心的前端开发环境相关的问题,今天,我爱编程网小编整理了以下内容,希望可以对大家有所帮助。

本文目录一览:

如何搭建一个比较省心的前端开发环境

如何搭建一个比较省心的前端开发环境

随着移动互联网的迅速发展,前端的概念已发生很大的变化,已不仅仅局限在网页端。而Android系统作为智能机市场的老大,作为前端开发工程师,非常有必要了解和学习。但面对众多学习资料,站在前端开发工程师的角色,怎样挑选出合适的路进行快速学习,而不必浪费大量时间去摸索,该系列文章希望能帮助到小伙伴们。文章会挑选几个实际的例子,贯穿在整个系列中,涉及到Java、Android、程序设计等多方面知识,力求让大家快速掌握。俗话说,工欲善其事,必先利其器,系列的第一篇就从Window系统下Android的环境搭建说起。Let’sGo!工具/原料JDKEclipseADTJDK的安装和Java环境变量的设置1JDK下载地址JDK下载地址:。AndoridSDK为Android管理开发包工具,提供了Android各级平台的开发包和工具。注意,因为我们是独立安装,不是一体化(集成系列工具)所以需要单独下载SDK。(如图)2运行安装文件,并把安装目录下tools文件夹路径设置进PATH环境变量。3去到安装目录运行SDKManager,一开始什么平台和工具也没有,需要下载回来。公司内网的话需要使用代理来下载。4到Tools->Options…把代理填上,点击Close后则会出现众多平台列表,把AndroidTools选上安装,另外建议把2.2以上的全部下载安装。END安装配置ADT1安装ADT启动Eclipse,点击Help菜单->InstallNewSoftware…?,点击?Add…?,输入地址:/tencent/helloworld文件夹中)一路Next直到Finish,则我们的工程创建完毕。由于程序是运行在模拟器上的,我们还没有创建一个模拟器,所以需创建一个,创建完点关闭则可。点击三角型run按钮,然后选择刚才创建的模拟器,则程序开始运行。小提示:启动模拟器会比较慢,所以,当程序作出修改,需要再次运行时,不要关闭掉模拟器,直接按模拟器上的Home或返回键退出app,之后再按run,则可重新跑起。6结束:恭喜你!你的Android环境已经搭建成功。

如何搭建一个比较省心的前端开发环境我爱编程网

MacBook M1配置前端开发环境

解决每次关闭终端后,都需要重新执行source .bash_profile才能重新使用nvm命令。原因:没有将配置添加到.zshrc文件中

如果使用的是zsh终端,只需要添加source .zshrc即可。
查看使用的终端命令
echo $SHELL
系统安装的终端
cat /etc/shells
切换终端
chsh -s /bin/bash //切换终端为bash
chsh -s /bin/zsh // 切换终端为zsh

bash读取的配置文件: /.bash_profile文件,zsh读取的配置文件: /.zshrc文件。在.zshrc文件中加上source ~/.bash_profile,可以直接从.bash_profile文件读取配置。

如何搭建一个比较省心的前端开发环境

如何搭建java web开发环境

先安装JDK,要配置环境变量。安装完JDK后配置环境变量 计算机→属性→高级系统设置→高级→环境变量。
JDK下载地址: -downloads-2133151.html
系统变量→新建 JAVA_HOME 变量 。变量值填写jdk的安装目录(本人是 C:\Program Files\Java\jdk1.8.0_121)。
系统变量→新建Path变量,输入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; 。如果Path变量里已经存在并有内容了,那么就在最后加一个分号再把上面那个东西输进去。
新建 CLASSPATH 变量。变量值填写 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar (注意最前面有一点)
首先得有开发工具,比如说Eclipse(免费开源),MyEclipse(付费,功能更强大),IntelliJ IDEA(有免费版,很好用,有代码提示)。对于初学者,Eclipse足够了。
Eclipse下载地址: -ide-java-ee-developers/neon3
还要有虚拟服务器,比如Tomcat,推荐下7.0。Tomcat默认端口8080,可修改。
配置Tomcat服务器环境变量:右击“我的电脑”--选择“属性”--选择“高级”--点击“环境变量”在“系统变量(S)”中

1,新建变量名:CATALINA_BASE,变量值:Tomcat安装目录
2,新建变量名:CATALINA_HOME,变量值:Tomcat安装目录
3,打开PATH,添加变量值:%CATALINA_HOME%\lib;%CATALINA_HOME%\bin
搭建Tomcat环境教程:打开Tomcat目录下的conf/server.xml,在其中<Host></Host>元素中添加<Context path="服务器内路径" docBase="你的网站的路径"/>。网站路径都明白,服务器路径就比如是path="/MyWeb",那么要访问这个网站就是在浏览器输入 ,后面那个/MyWeb就是服务器内路径。
Tomcat下载地址: -80.cgi
然后说在Eclipse中启动Tomcat服务器,在Eclipse工作台视图中选择服务器视图,然后对空白处右击,选择New/Server命令,选择Tomcat v7 Server,点"Next",然后在"Tomcat installation direction"中选择Tomcat安装路径,点"Next",最后一个页面勾选"Always use this server when running this project"。
配置完成!
打字很累,求采纳!

以上就是我爱编程网小编整理的内容,想要了解更多相关资讯内容敬请关注我爱编程网。
与“如何搭建一个比较省心的前端开发环境”相关推荐
web前端开发怎么搭建环境 如何搭建javaweb开发环境
web前端开发怎么搭建环境 如何搭建javaweb开发环境

怎样从无到有地建立一个前端项目?年后入职新公司,面试时聊到公司的情况大致是这样的:团队里需要招一名前端(就此一人,其他都是后台开发的),项目是一个工具类的Pc端项目(我的理解就是web应用!?),框架用的是vue,而且这个项目组是新成立的,也就是说前端的活儿需要我从零开始一步一步搭建。我本人之前的项目经验比较肤浅,没有过这种全权负责整个前端部分的经验,因此想问问各位大神,一般来说,应该怎样做

2023-09-24 07:08:54
web前端程序开发环境搭建 如何搭建python+selenium开发环境教程讲解
web前端程序开发环境搭建 如何搭建python+selenium开发环境教程讲解

如何搭建python+selenium开发环境教程讲解这篇文章主要为大家详细介绍了python+selenium开发环境搭建的图文教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下web调试工具介绍和开发环境搭建python与selenium开发环境搭建:一、下载python软件:下载完后,进行安装,安装成功后,打开IDLE(Python3.6.2),如下图:如上图

2023-10-07 11:54:30
快速搭建自己的php框架 如何在本地搭建一个PHP环境
快速搭建自己的php框架 如何在本地搭建一个PHP环境

如何在本地搭建一个PHP环境在本地搭建PHP环境来测试PHP程序,这样的话可以省下不少钱的时间,省去了把程序上传到空间不满意又删掉又重新上传到服务器的时间,对于程序比较大的来说可以说这样会省下很多时间,这样子可以很轻松的在本地调试PHP程序,今天我就来分享下我的经验如何本地搭建php环境用来测试PHP程序,旨在帮助那些初学入门的朋友们能够轻松的在本地调试PHP程序。省下很多不必要花的时间

2023-09-29 00:15:52
自己搭建php框架结构 如何在本地搭建一个PHP环境
自己搭建php框架结构 如何在本地搭建一个PHP环境

如何在自己电脑上搭建PHP环境,测试PHP源码,然后修改,安装了IIS,但是从IIS到php需要那个文件,谢谢II6.0可以挺麻烦的建议使用phpnow安装简单测试代码足够了.让IIS6.0支持php,mysql,zend,phpmyadmin。一、相关软件1、Windows2003企业版+IIS6.0(版本号我没有写,大家可以下载最新版本,地址已给)2、PHP下

2023-10-01 00:42:50
如何搭建web前端开发环境 前端开发需要配置什么环境
如何搭建web前端开发环境 前端开发需要配置什么环境

使用vue+vuex+koa2如何搭建开发环境本篇文章主要介绍了详解vue+vuex+koa2开发环境搭建及示例开发,现在分享给大家,也给大家做个参考。写在前面这篇文章的主要目的是学会使用koa框架搭建web服务,从而提供一些后端接口,供前端调用。搭建这个环境的目的是:前端工程师在跟后台工程师商定了接口但还未联调之前,涉及到向后端请求数据的功能能够走前端工程师自己搭建的http

2023-10-04 04:16:35
web前端外在开发环境 如何学习web开发环境搭建和脚手架
web前端外在开发环境 如何学习web开发环境搭建和脚手架

如何学习web开发环境搭建和脚手架Web前端的学习路线第一阶段:HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播

2023-09-11 01:40:26
如何使用多个php框架 如何在本地搭建多个PHP环境
如何使用多个php框架 如何在本地搭建多个PHP环境

怎么才能在一个服务器上建立多个PHP站点在同一台服务器里如何运行多个网站,提供WEB、FTP、Mail等服务。工具/原料虚拟主机ApacheWeb服务软件方法/步骤实现方法有三种:1:IP的方法①基于IP的方法:在服务器里绑定多个IP,然后配置WEB服务器,把多个网站绑定在不同的IP上。访问不同的IP,就看到不同的网站。2:基于主机名的方法②基于端口的方法:一

2023-09-20 00:10:52
自己搭建原生php框架 如何搭建phpthink框架环境
自己搭建原生php框架 如何搭建phpthink框架环境

PHP框架设计的思路是什么。有没有开发PHP框架方面的书记=》自己开发PHP框架php框架设计思路是把什么都能封装,然后调用起来简便。而且最好采用mvc调用模式,这样会使你的框架可用性很高,本人不建议用zend,毕竟要用到它的开发软件,你其实下一个thinkphp去看看就OK,如果你连thinkphp都看不懂的话建议你去学学基础知识。看一个框架很简单,做一个框架必须考虑的很多,安全性是关键,

2023-09-21 20:48:45