Потратьте немного времени на изучение наиболее распространенных ключей в работе с npm, и это сэкономит вам время:

  • установка: npm install, ключ: npm i;
  • тестирование: npm test, ключ: npm t;
  • помощь: npm –help, ключ: npm -h;
  • глобальный флаг: –global, ключ: -g;
  • сохранить, как зависимость: –save-dev, ключ: -D;
  • инициализация по умолчанию: npm init –yes или npm init –force, ключ: npm init -y или npm init -f;
  • сохранить, как необязательную зависимость: –save-optional, ключ: ;
  • cохранить версию пакета: –save-exact, ключ: .

JavaScript разработчик часто нуждается в локальном сохранении npm-пакета или получении набора пакетов в одном файле. Для этого можно объединить их вместе с помощью –save-bundle или ключа -B.

Установка инициализации npm по умолчанию

При запуске npm init в начале нового проекта вы, вероятно, делаете одно и то же по нескольку раз. Чтобы сэкономить время, установите значения по умолчанию для таких полей, как:

Чтобы изменить данные значения, используйте npm config edit. Если нужно изменить глобальный npm-параметр, используйте npm config edit -g.

Если что-то пошло не так, и вы не сохранили дефолтный конфиг – поможет следующий скрипт. Первая строка заменяет конфиг пустой строкой, а вторая – заполняет его настройками по умолчанию:

Приведенный выше сценарий сбросит пользовательские значения по умолчанию, а следующий – глобальные значения:

Кроссплатформенные скрипты

Любой код, запускаемый в командной строке, имеет проблемы совместимости, между Windows и Unix (включая Mac и Linux). Это решаемо, если JavaScript developer в проекте только вы. Но если речь о проекте с открытым исходным кодом, совместном или учебном проекте, то все должно работать независимо от ОС.

Решение есть – cross-env. Установите его, как зависимость: npm i-D cross-env. Затем вставьте ключевое слово cross-env перед любой переменной среды:

Параллельное выполнение сценариев

Используйте символы && для запуска процессов один за другим. Но как насчет параллельного запуска скриптов? Для этого в процессе JavaScript разработки можно использовать пакет npm.concurrently или npm-run-all.

Установите его как зависимость: npm i-D concurrently и добавляйте в свои скрипты по вкусу:

Приводим несколько полезных инструментов для ускорения JavaScript разработки компонентов и приложений.

Bit помогает вашей команде находить и совместно использовать компоненты для более быстрого создания.

10 способов суперускорения JavaScript разработки

Вместо повторного создания компонентов с нуля, сохраните в коллекцию, в которой их легко найти и установить.

Каждый компонент доступен для работы и тестов в реальном времени, чтобы понять, хотите ли вы его использовать.

Styleguidist

React Styleguidist – это среда разработки компонентов с hot reloaded dev server и подробным руководством, где перечислены типы компонентов и примеры использования.

Среда поддерживает ES6, Flow и TypeScript, а также Create React App из коробки. Автоматически созданные документы использования могут помочь Styleguidist функционировать как портал с документацией для вашей команды.

React devTools

Это официальное расширение позволяет просматривать иерархии компонентов React в инструментах разработчика Chrome. Расширение доступно и для Firefox.

Продукт позволяет просматривать и редактировать свойства компонента, перемещаясь по дереву иерархии, а также понять, как изменения компонента влияют на “соседей”, чтобы помочь создать правильный UI.

Поиск поможет быстро найти и проверить необходимые компоненты, чтобы сэкономить драгоценное время на изучение JavaScript.

10 способов суперускорения JavaScript разработки

И напоследок подборка расширений для Visual Studio.

Prettier Code Formatter

Используйте Prettier для форматирования HTML/CSS/JS кода по нажатию ⌘ + S . Это позволит избавиться от форматтеров под каждый ЯП.

Bracket Pair Colorizer

Bracket Pair Colorizer раскрашивает попарно все скобки разными цветами, что позволяет быстро увидеть начало и конец каждого блока кода.

Вы пропустили

AEGIS Algorithms Android Angular Apache Airflow Apache Druid Apache Flink Apache Spark API API Canvas AppSec Architecture Artificial Intelligence Astro Authentication Authorization AutoGPT AWS AWS Aurora AWS Boto3 AWS EC2 AWS Lambda Azure Babylon.js Backend bash Beautiful Soup Bento UI Big Data Binary Tree Browser API Bun Career Cassandra Charts ChatGPT Chrome Extension Clean Code CLI ClickHouse Coding Codux Combine Compose Computer Context Fusion Copilot Cosmo Route CProgramming cron Cryptography CSS CTF Cypress DALL-E Data Analysis Data science Database dbt dbt Cloud deno Design Design Patterns Detekt Development Distributed Systems Django Docker Docker Hub Drizzle DRY DuckDB Express FastAPI Flask Flutter For Beginners Front End Development Game Development GCN GCP Geospatial Git GitHub Actions GitHub Pages Gitlab GMS GoFr Golang Google Google Sheets Google Wire GPT-3 GPT3 Gradio Gradle Grafana Graphic Design GraphQL gRPC Guidance HMS Hotwire HTML Huawei HuggingFace IndexedDB InfoSec Interview iOS Jackknife Java JavaScript Jetpack Compose JSON Kafka Kotlin Kubernetes LangChain Laravel Linux LlaMA LLM localStorage Logging Machine Learning Magento Math Mermaid Micro Frontends Mobile Mobile App Development mondayDB MongoDB Mongoose MySQL Naming NestJS NET NetMock Networks NextJS NLP Node.js Nodejs NoSQL NPM OOP OpenAI OTP Pandas PDF PHP Playwright Plotly Polars PostgreSQL Prefect Productivity Programming Prometheus Puppeteer Pushover Python Pytorch Quarkus Rabbitmq RAG Ramda Raspberry Pi React React Native Reactor Redis REST API Revolut Riverpod RProgramming Ruby Ruby on Rails Rust Scalene SCDB ScyllaDB Selenium Servers Sklearn SLO SnowFlake Snowkase Software Architecture Software Development Solara Solid Spring Boot SQL SQLite Streamlit SudoLang Supabase Swift SwiftUI Tailwind CSS Taipy Terraform Testing Transformers TURN TypeScript Ubuntu UI Design Unix UX UX Design Vim Vite VSCode Vue Web Architecture Web Components Web Development Web Frameworks Web Scraping Web-разработка Webassembly Websocket Whisper Widgets WordPress YAML YouTube Zed Наука о данных Разное Тренды

Как исследовать и визуализировать данные МО для обнаружения объектов на изображениях