希望能和小伙伴们一起进步,特此开放友情链接功能。申请的友情链接博主审批后会出现在本站下方Footer,最好能有友情链接互换位。点击这里立即申请友情链接

用Ubuntu进行Web前端开发

日期:2018-07-27 10:19作者:Bougie

必备软件

  1. Google Chrome

    • 下载链接:chrome64bit
    • 安装命令:sudo dpkg -i chrome.deb
    • 常用扩展:
      • gulp livereload
        可用于服务端模板渲染项目的热更新
      • Google翻译
      • Vue Devtools
      • AdBlock
      • stylus
        把网页改成自己喜欢的样式,强迫症专享
  2. VSCode

    • 下载链接:VSCode
    • 安装命令:sudo dpkg -i vscode.deb
    • 记录一下自己Windows上常用的插件(快捷键指安装Sublime Text KeyMap):
      • Sublime Text Keymap
        把VSCode快捷键转化为Sublime,后述如果有提到快捷键都是基于此上的
      • Beautify css/sass/scss/less
        css格式化,alt + shift + F
      • Code Runner
        可直接运行Node JS、Python脚本,alt + ctrl + N
      • Debugger for Chrome
        前端调试神器
      • Document This
        对方法或类进行注解,ctrl + alt + D, ctrl + alt + D
      • ESLint
        团队协作必备
      • GitLens
        查看改动历史
      • ivue
        空的vue文件输入v可直接生成Vue模板
      • Markdown Preview Enchanced
        可分屏预览Markdown文件,可将Markdown文件转化为Html文件、pdf文件
      • React-Native/React/Redux snippets
        可能是关于React全家桶最全的扩展了
      • Vetur
        Vue语法高亮、提示等
  3. Git

    • 安装命令:sudo apt-get install git
    • 基本配置:
        git config --global user.name "xxx"
        git config --global user.email "yyy"
      
      VSCode自带图形化git管理可以帮我们搞定绝大多数操作
  4. Gimp --- Linux上的PS

  5. Postman

  6. Webstorm、Idea、Android Studio、Eclipse等视情况而定

环境安装

  1. Node JS
     sudo ln /**/node /usr/local/bin/node
     sudo ln /**/npm /usr/local/bin/npm
    
  2. Java

  3. Android SDK

    • 安装Android Studio过程中会安装好

常用命令

  1. apt-get

     # 修改软件源
     sudo gedit /etc/apt/sources.list
    
     # 更新软件源
     sudo apt-get update
    
     # 安装软件
     sudo apt-get install xxx
    
     # 删除软件
     sudo apt-get remove xxx
    
     # 修复软件源
     sudo apt-get install -f
    
     # 更新已安装的包
     sudo apt-get upgrade
    
  2. dpkg

     # 安装.deb文件
     sudo dpkg -i xxx.deb
    
  3. 文件操作

     # 查看文件目录
     ls
    
     # 删除文件,-f表示强制
     sudo rm -f xxx
    
     # 拷贝文件
     sudo cp xxx xxx.bak
    
     # 移动文件
     sudo mv xxx /dir
    
     # 重命名文件
     sudo mv xxx xxx.bak
    
     # 查找文件
     sudo find / -name sources.list
    
     # 创建文件夹
     sudo mkdir dir
    
     # 删除空文件夹
     sudo rmdir dir
    

科学上网

搬瓦工VPS搭配Shadowsocks,写好shadowsocks配置文件

sudo apt-get install shadowsocks
sslocal -c shadowsocks.json

启动完成后不能关闭终端

其它

  1. 美化(强迫症专享)

  2. 输入法

对比Windows

优势

  1. 命令行优势
     # 多步命令
     cd android && ./gradlew assembleRelease
    
  2. 安全性
  3. 稳定性

劣势

  1. 图形化应用缺失
    无QQ、PS等,可以用CrossOver、Wine等安装Windows应用,但性能大幅下降。Gimp在易用性和功能性上和PS差距颇大。