深度操作系统(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
![b651cbd2a56f2bf55a4daee5fb1faf68.png](https://i-blog.csdnimg.cn/blog_migrate/8b3b536d50f474ad4a8d8a32d997a489.jpeg)
sudo apt-get install atom -y
![34eb03f2ee1d786ad065b4419a79c35f.png](https://i-blog.csdnimg.cn/blog_migrate/91c939139fdf26285d895565708b7b5e.jpeg)
安装完成之后,我们就可以在程序列表中打开 ATOM 编辑器
![654833faf06470baaa2a4b410153ef71.png](https://i-blog.csdnimg.cn/blog_migrate/4a7941e93a692295287a2974ac4dda24.jpeg)
Atom只是提供了相对比较简单的图形界面的安装插件,还是需要一些插件来帮助我们快捷开发。图形界面的插件安装比较简单,找到插件安装即可以,这里不再重复。我主要说一下,如何在命令行下安装插件。
查找插件
![498004090ad13c829b7832028fd1412f.png](https://i-blog.csdnimg.cn/blog_migrate/09327218868fb0b75543e2d0ec4a7b08.jpeg)
例如,我们想要安装我们的前端神器emmet,然后按下回车键,就可以搜索到这个插件了。如下图所示:
![fbdff1ac8d776379191a18481cf7e337.png](https://i-blog.csdnimg.cn/blog_migrate/3dba745ff77739424908ae09fd5c6ded.jpeg)
点击进去,就进入到了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的基本配置,感谢大家的阅读,欢迎留言讨论!