burtovoy / template Goto Github PK

1. Вы создали файл public/index.html
2. Вы написали первый код на JavaScript в public/assets/post_size.js

Cоздаим файл index.js в папке public/assets. Подклюим этот файл в нашем html

<script crossorigin src="/assets/index.js" type="module"></script>

Также в папке assets у вас уже есть файл с реализацией функйции postSize

export default function postSize(post) {
  return post.length;
}

в файле index.js вызовите код.

import postSize from './post_size.js';
alert(postSize('Всем привет!'));

Так как файл index.js подключен в index.html, при открытие index.html сработает alert и выведет результат

С помощью команды

npm init 

создайте файл package.json. После этого мы сможем подключать разные модули для нашего проекта

Добавьте

"type": "module",

чтобы использовать современную систему модулей в нашем проекте.

Чтобы папка node_modules не попала в репозиторий создайте файл .gitignore и поместите туда:

node_modules

Далее установим и несколько модулей

npm install --save-dev eslint
npm install --save-dev eslint-config-airbnb
npm install --save-dev eslint-plugin-mocha

ESLint статически анализирует ваш код, чтобы найти проблемы со стилем кода.

В корне проекта создайте .eslintrc.json и пропишите в нем настройки. Взять их можно из файла, В настройки можно сильно не вникать. Они созданы для этого проекта, для другого проекта могут быть другие настройки.

npx eslint .

Установите mocha и chai

npm install --save-dev mocha
npm install --save-dev chai

Создайте папку tests, в ней создате calc.test.js

import { assert } from 'chai';
import postSize from '../public/assets/post_size.js';

describe('Функция проверки расчета размера поста', function () {
  it('без ссылок', function () {
    const expectedResult = 12;
    const result = postSize('Всем привет!');
    assert.equal(expectedResult, result);
  });
});

Запустите тесты с помощью команды (tests – это папка где лежат тесты)

npx mocha tests

GitHub умеет выполнять задачи для вашего кода. Создайте файл и github выполнит тесты и сделает провреку кода после каждой команды push или pr.

Возникает на windows. Зайдите в настройки

File -> Preferences -> Settings. "eol" выставите в \r\n – затем создайте файлы заново (код можно просто скопировать)