1.前言可能有些初级前端跟我一样,当有些项目需要一个人完成的时候人,后台和开发环境的部署还是很头疼的。尤其是linux系统,由于我从来没有接触过系统,也不喜欢死记硬背那么多命令。大部分命令只能通过不断的google和baidu才能完成。在最近的一个项目中,重装了无数次系统,安装了各种软件等等,也算是有了一些体会。稍微总结了一个过程,可以更简洁快速的在Linux系统上搭建开发环境,无需命令操作就可以使用桌面可视化软件。。。微软的习惯病。如果觉得桌面太低或者太慢占用资源等问题,可以忽略安装visualization的步骤。2、安装介绍目标系统:服务器:腾讯云系统:UbuntuServer16.04.1LTS64位桌面可视化软件:xfce远程连接软件:VNCServer语言配置:中文输入法:ibus编辑器:gedit浏览器:FireFox数据库:MySQL数据库可视化:workbench后台语言:node.js框架:express文件传输软件:WinSCP本地系统:Windows10三、安装过程1、登录系统首先在腾讯云(阿里云,阿里云,etc.)登录后服务器黑...对于刚接触Linux系统的小伙伴来说,可能会一头雾水。不过别担心,让我们一步一步来。2、Linux系统可视化参考文章:https://blog.csdn.net/qq_3511...这里需要先了解一个命令,sudo。Ubuntu系统中很多操作都是有权限限制的,所以在操作前加上sudo就会给你管理员权限,这样就可以进行很多操作了。首先安装桌面可视化软件:xfce,执行如下代码://先更新包sudoapt-getupdate//安装xfcesudoapt-getinstallxfce4在安装过程中,会提示是否安装,然后输入y,然后Justenterthecar。如果你想避免这个请求,直接在每个安装命令后面加上-y(注意有一个空格)。安装完成后,我们的Linux系统就有了桌面。但是现在不能通过网页直接看到桌面系统,需要远程连接桌面。3、远程连接桌面服务器这里我使用的是VNCviwer远程连接软件,非常好用。首先在Linux系统中安装VNC服务器服务,一步步执行以下代码:1.安装VNC服务sudoapt-getinstallvnc4server2.开启服务并设置密码vncserver:1//这里的1即可其他号码,就在后面3.这时候要求你输入一个8位密码,一定要记住后面远程连接需要的(输入的时候看不到输入的内容,justenteritandenterenter)password://输入密码4.先关闭VNC服务修改启动文件vncserver-kill:15.修改文件vi~/.vnc/xstartup进入后在最后回车line另起一行,复制粘贴以下内容session-manager&xfdesktop&xfce4-panel&xfce4-menu-plugin&xfsettingsd&xfconfd&xfwm4&然后按Esc键退出,输入“:wq”,然后回车保存当前修改的内容。6.启动VNC连接vncserver:1.现在远程连接服务已经安装好了。我们只需要在Windows上安装一个远程连接软件就可以连接了。7.去VNCViewer官网下载软件https://www.realvnc.com/en/co...下载完成后打开这个界面然后用上层的文件新建连接左角。如下图填写需要连接的远程IP注意地址,后面加上刚才在linux系统上打开的端口号,一定要一致。8、连接成功连接成功后,会出现这个界面。第一次进入会选择configuration,可以选择默认。4、配置中文和输入法参考文章:https://blog.csdn.net/betwate...系统默认英文,中文可能会出现乱码,所以先配置中文系统。1.安装中文语言包sudoapt-getinstalllanguage-pack-zh-hans2.安装字体管理器sudoapt-getinstallfont-manager3.将需要的中文字体复制到系统/usr/share/fonts目录,新建一个windows文件夹存放字体。windows传输文件到Linux可以使用WinSCP软件,可以百度下载使用。4.配置语言修改locale文件内容sudovim/etc/default/locale修改为如下内容LANG="zh_CN.UTF-8"LANGUAGE="zh_CN:zh:en_US:en"保存并退出,然后可以重启一次系统,系统成功显示中文。5.安装输入法//安装ibus框架sudoapt-getinstallibusibus-clutteribus-gtkibus-gtk3ibus-qt4//启动框架im-config-sibus//安装拼音输入法sudoapt-getinstallibus-在拼音桌面右键打开输入法ibus首选项设置(如果每次重启后系统无法自动启动输入法,需要每次手动打开一次)打开后会有一个输入法系统右上角方法,可以设置开关输入法Mode,默认shif开关5.安装浏览器和编辑器//安装firefoxsudoapt-getinstallfirefox//安装geditsudoapt-getinstallgedit6.安装Node.js和Express参考文章:https://blog.csdn.net/well204...https://blog.csdn.net/frozens...1.Installnode.js//安装Node.jssudoapt-getinstallnodejssudoaptinstallnodejs-legacysudoaptinstallnpm//安装淘宝镜像(解决国内使用npm安装太慢的问题)sudonpmconfigsetregistryhttps://registry.npm.taobao.org//安装更新工具sudonpminstalln-g//更新节点到最新版本sudonstable2.InstallExpress//全局安装sudonpminstall-gexpress-generator//创建项目express-emyProjectcdmyProjectnpminstall目录结构bin——存放命令行程序node_modules——存放所有项目依赖库public——存放静态文件,包括css,js、img等routes——存放路由文件views——存放页面文件(ejs模板)app.js——程序启动文件package.json——项目依赖配置和开发者信息在myProject文件夹下打开终端,执行下面代码,打开服务sudonpmstart然后在浏览器输入localhost:3000checked注意:在node_modules中执行“npminstallmysql”安装mysql模块,否则无法使用mysql函数sudoapt-getinstallmysql-server//开启服务servicemysqlstart//修改文件解决问题中文乱码sudovi/etc/mysql/mysql.conf.d/mysqld.cnf在[mysqld]文件中添加character_set_server=utf8,然后保存退出//重启mysql服务servicemysqlrestart安装可视化工具workbenchsudoapt-getinstallmysql-workbench桌面右键正在开发中,可以直接打开。以上基本上搭建了开发环境。四、注意事项1、以上代码执行过程中,如果权限不够,在前面加sudo一般可以解决。2.修改文件内容。如果想直接点击桌面上的文件进行修改,需要执行修改读写权限的命令。比如我要修改/usr/share/路径下的一个文件,执行下面命令赋予修改权限sudochmod-R777/user/share/
