chiquyet199 / custom-messenger Goto Github PK

Download and install VsCode at https://code.visualstudio.com/download Install those plugins (recommended)

• Auto Close Tag
• Color Highlight
• ESLint
• Path Intellisense
• Prettier - Code Formater
• Rainbow Brackets

Adding format setting to Vs Code

• command + Shift + p (on Mac) or ctrl + Shift + p (on Window) to open workspace settings
• Edit the existing settings with : { "editor.tabSize": 2, "editor.formatOnSave": true, "prettier.semi": false, "prettier.singleQuote": true, "prettier.trailingComma": "all", "prettier.printWidth": 110, "prettier.bracketSpacing": true }

Install yarn Download and install yarn at : https://yarnpkg.com/lang/en/docs/install/

Install webpack

$ yarn add webpack global

Install dependencies:

$ yarn install

Fire up a development server:

$ yarn dev

Once the server is running, you can visit http://localhost:8080/

You should have eslint and eslint-watch installed. If you don't, run the following:

$ npm i -g eslint eslint-watch

or if you need permissions:

$ sudo npm i -g eslint eslint-watch

To run the linter once:

$ yarn lint

To run the watch task:

$ yarn lint:watch

To build your production assets and run the server:

$ yarn start