- Вы создали файл public/index.html
- Вы написали первый код на 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 – затем создайте файлы заново (код можно просто скопировать)