查看原文
其他

deepin前端开发环境配置

一名普通的开发者 深度操作系统 2022-06-15

深度操作系统(Deepin)是由武汉深之度科技有限公司开发的Linux发行版。深度操作系统已经被下载超过 4000 万次,提供 30 种不同的语言版本,拥有遍布六大洲的 70 多个镜像站点的升级服务。在全球开源操作系统排行榜上,深度操作系统长期保持前 20 名,也是排名最高的中国操作系统产品。


作为深受欢迎的一款操作系统,得到大家的使用才是最终的目的,欣慰的是,目前已经有很多爱好者、开发者将日常使用的操作系统换成了Deepin,不仅在日常办公中长期使用,在软件开发中,Deepin也慢慢成为了好帮手。


下面让我们来看一下,如何配置前段开发环境。


node(npm)压缩包安装

以node-v8.10.0为例子

# 下载、解压

tar xvf node-v8.10.0-linux-x64.tar.xz

# 复制到你喜欢的目录 ~/node/

mv node-v8.10.0-linux-x64 ~/node/

#添加到全局

sudo ln -s /home/xy/node/node-v8.10.0-linux-x64/bin/node /usr/bin/node

sudo ln -s /home/xy/node/node-v8.10.0-linux-x64/bin/npm /usr/bin/npm

当然也可以用命令行来安装

sudo apt-get install -y nodejs

sudo apt-get install -y npm

输入node -v,可看到输出了版本号,说明安装已经成功

输入npm -v ,可看到输出了版本号,说明安装已经成功


安装 git 版本工具

sudo apt-get install git -y

安装 git版本管理工具,输入 git --version可以看到输出了正确的 git版本号。说明我们的 git已经安装完成。


推荐安装配置 atom 编辑器

apt-cache search atom | grep ^atom

sudo apt-get install atom -y

安装完成之后,我们就可以在程序列表中打开 ATOM 编辑器

Atom只是提供了相对比较简单的图形界面的安装插件,还是需要一些插件来帮助我们快捷开发。图形界面的插件安装比较简单,找到插件安装即可以,这里不再重复。我主要说一下,如何在命令行下安装插件。


查找插件


例如,我们想要安装我们的前端神器emmet,然后按下回车键,就可以搜索到这个插件了。如下图所示:


点击进去,就进入到了emmet的简介网页。我们在这个网页上点击Repo进入到插件对应的github仓库中。


下载并安装插件

# 进入atom插件安装目录

cd ~/.atom/packages/

# 下载插件

git clone emmet的github地址

# 等待执行一会儿,完成后,进入插件目录

cd emmet-atom

# 执行NPM安装命令

npm install


等待执行安装完成后,你的插件就安装好了,然后就只需要重启软件,就可以看到你的插件了。


前端常用插件

emmet、minimap、simplified-chinese-menu、atom-vue、linter-eslint、atom-vim-mode-plus


总结

以上就是前端开发在deepin的基本配置,感谢大家的阅读,欢迎留言讨论!


×本文作者:一名普通的开发者,欢迎阅读原文。


Deepin


【相关链接】

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存