关于deepin环境下的前端环境搭建
一.下载安装内容
chrome浏览器,VScode,node.js,RabbitVCS。注意安装需要权限sudo命令
二.chrome浏览器安装
1.从官网下载对应版本chrome,官网地址https://www.google.cn/chrome/ ,下载deb版本(uname -u可以检查电脑框架)
2.进入下载的目录使用dpkg安装,dpkg -i 安装包名 (网上抄的)。
三.VScode安装
1.从官网下载对应版本VScode,官网地址https://code.visualstudio.com/download ,下载deb版本
2.安装
3.语言切换Ctrl+Shift+P 搜索Configure Display Language(这步凭个人喜好)
4.安装svn和其他插件(按需安装)
(- Chinese (Simplified) Language Pack for Visual Studio Code: 汉化插件,即配置的Configure Display Language。
- Open in browser: Alt+B 在浏览器中打开。 - HTML CSS Support: 智能提示CSS类名以及ID,同时也支持Vue。
- JavaScript(ES6) code snippets: ES6语法智能提示,以及快速输入,不仅仅支持 .js,还支持 .ts .jsx .tsx .html .vue,省去了配置其它各种支持包含 js代码文件的时间。
- jQuery Code Snippets: jQuery 代码智能提示。
- Auto Close Tag: 自动闭合HTML/XML标签。
- vscode-icons: 显示项目中各文件的独特图标,必备。
- Path Autocomplete: 自动提示路径。
- Vetur: Vue代码高亮以及补全。
- One Dark Pro: 本人最爱皮肤,可通过【Ctrl+K+T】挑选设置你最中意的VS Code 皮肤。)
四.node.js安装
1.从官网下载对应版本node.js,官网地址https://nodejs.org/zh-cn/ 目前使用14.15.0版本
2.解压拷到你想要放node的地方
3.进入bin文件夹执行ln -s /home/zhyf/Documents/node/bin/node /usr/bin/node
其中/home/zhyf/Documents/node/bin/ 是当前目录 node是工具的名称
同理可以建立npm,npx的软链接
4.运行npm install yarn -g安装yarn,同3建立yarn的软链接
5.安装可能缺少git工具(使用 apt-get install -y git 安装)
6.如有编写electron的需求请参考“关于linux下electron项目安装”
五.RabbitVCS安装
1.apt-get install nautilus (安装了nautilus这个文件管理器,后面svn导出项要用到)
2.apt-get install rabbitvcs-core rabbitvcs-nautilus rabbitvcs-cli rabbitvcs-gedit
3.重启
0 … 4.在软件中,找到新的nautilus文件管理器,切记不是深度自带管理器。直接搜索或者找到以下图标