MODERN PROJECT
  • MODERN PROJECT
  • Introduction
    • Why?
    • Contributors
    • Sponsors
  • Local Development Setup
    • Software Requirements
    • Linters, Autoformatters and Sublime Text Plugins
    • Fish Shell
  • Backend
    • Django
    • Projects vs Applications
    • Initial Setup
    • Pipfile (the new requirements.txt)
    • From startproject to config structure
    • Django Settings
      • base.py
      • local.py
      • test.py
      • production.py
    • The apps folder
    • models.py
    • Database Migrations
    • views.py
    • urls.py
    • Django REST Framework
    • Enabling CORS
    • Authentication and Authorization
    • Celery
    • Celery Beat
    • Caching (with Redis)
  • Frontend
    • React
    • Initial Setup
    • package.json
    • Containers
    • Components
    • React Router
    • Redux
      • Actions
      • Reducers
    • Styling
      • React Inline Styles
      • Styled Components
      • CSS Flexbox
      • CSS Grid
    • Authentication and Authorization
  • Database
    • Introduction
      • Relational Databases
      • Non Relational Databases
      • SQL
    • PostgreSQL 10
  • Continuous Integration
    • tox
    • TravisCI
  • General Software Topics
    • Networking Overview
    • DNS Overview
    • HTTP Requests and Responses
    • HTTP/2
    • Cross Origin Requests (CORS)
    • How Webpages Are Rendered
    • Publishing Python Modules
    • Publishing Node Modules
  • Security Topics
    • Cross-Site Request Forgery (CSRF)
  • Software Utilities
    • Text Editors & IEDs
      • Sublime Text 3
        • Linters and Auto Formatters
    • Terminal Emulators
      • Terminal
      • iTerm 2
      • fish
    • Python Utilities
      • Pipenv
      • pip
      • Requsts
    • JavaScript Utilities
      • Node
      • npm
      • Yarn
      • Webpack
      • Babel
      • Next.js
    • Sentry
    • Sonar
  • Amazon Web Services
    • IAM
    • Lambda
    • API Gateway
    • Elastic Container Services (EC2)
    • Simple Storage Service (S3)
    • Relational Database Service (RDS)
    • Route 53
    • Elastic Container Services (ECS)
    • ECS Repositories
    • Fargate
    • Elastic Load Balancer (ELB)
    • Application Load Balancer (ALB)
    • Virtual Private Networks (VPCs)
  • Deployment
  • Backend - Advanced
  • Frontend - Advanced
  • Special Topics
  • Code Snippets
Powered by GitBook
On this page
  • Install Flake8
  • Install eslint
  • Install prettier
  • Install black
  • Edit Base Profile
  • Install Package Controll
  • Install SublimeLinter
  • Install SublimeLinter-flake8
  • Install SublimeLinter-eslint
  • Install SublimeText JsPreitter
  • Install SublimeText Babel
  • Install SublimeText Black Plugin
  • Install SublimeText EditorConfig
  1. Local Development Setup

Linters, Autoformatters and Sublime Text Plugins

Install Flake8

pip install flake8

Install eslint

yarn global add eslint

Install prettier

yarn global add prettier

Install black

pip install black

Edit Base Profile

~/.bash_profile
# Setting PATH for Python 
2.7
PATH="/Library/Frameworks/Python.framework/Versions/2.7/bin:${PATH}"
export PATH

# Setting PATH for Python 3.6
PATH="/Library/Frameworks/Python.framework/Versions/3.6/bin:${PATH}"
export PATH

# flake8 path needed for SublimeLinter
FLAKE8="/Library/Frameworks/Python.framework/Versions/2.7/bin/flake8"
export FLAKE8

# eslint path needed for SublimeLinter
ESLINT="/usr/local/bin/eslint"
export ESLINT

Install Package Controll

Install Package Control by navigating to: Sublime Text > Preferences > Install Package Control

Install SublimeLinter

Open Package Control: Install Package and select SublimeLinter. This allows us to install Linters, which we must do manually.

Install SublimeLinter-flake8

Open up the Package Control: Install Package again and type flake8, install the package SublimeLinter-flake8.

Install SublimeLinter-eslint

Open up the Package Control: Install Package again and type eslint, install the package SublimeLinter-eslint.

Install SublimeText JsPreitter

Open Sublime Text Package Control and type in JsPrettier to install the plugin.

Open Sublime Text Package Control and type in Babel to install the plugin.

Settings to update (auto format on save, no semi colons)

Install SublimeText Babel

Install SublimeText Black Plugin

Install SublimeText EditorConfig

Copyright Dylan Stein - 2018

PreviousSoftware RequirementsNextFish Shell

Last updated 7 years ago