parcel-bundler安装 - 前端构建工具

简介: parcel-bundler安装 - 前端构建工具

一、Window系统配置:


1、安装nodejs:https://nodejs.org/zh-cn/download/releases/

2、打开命令窗口,进入当前工程目录

3、npm配置淘宝镜像:npm config set registry http://registry.npm.taobao.org/

4、npm安装parcel-bundler:npm install -g parcel-bundler

5、运行工程:npm run dev


二、MacOS配置


1、环境配置

打开命令窗口(shell)


2、插件安装

2.1、brew安装

1、检查安装

检查Homebrew是否安装


brew -v 

如果已经安装,下一步流程跳过。


2、brew安装

/bin/bash -c "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install.sh)"

如果有如下提示:brew只是浅拷贝,为更新,建议执行如下代码,并且这个命令行可能需要耗费一些时间。


homebrew-core is a shallow clone.
To `brew update`, first run:
  git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core fetch --unshallow
This command may take a few minutes to run due to the large size of the repository.

那么直接根据要求执行命令,等几分钟就好了。然后根据要求更新brew:


brew update

如果有提示升级,可以升级:


brew upgrade

如还有其他问题,自行度娘…


2.2、nodejs 安装

检查node是否安装


node -v

如果已经安装会提示,当前安装的版本


如果没有安装,执行如下命令


brew install node

2.3、npm安装

pm是基于nodejs的包管理器

为保证是否安装,可以检查其版本号:


npm -v

如果有安装,直接打印其版本号。


还是执行上面命令:


brew install node

这里最重要的是查询切换淘宝镜像地址,加快加载速度,这里先查看本地镜像地址:


npm get registry 

如果不是需要的请切换:


// 切淘宝镜像
npm config set registry http://registry.npm.taobao.org/
// 切默认官方镜像地址
npm config set registry https://registry.npmjs.org/


2.4、parcel-bundler安装 —— 前端构建工具

npm install -g parcel-bundler

3、运行

在命令窗口,cd到工程项目中,运行工程:

npm run dev
相关文章
|
10天前
|
缓存 移动开发 Rust
前端构建工具 Mako 开源了
Hi,我是 sorrycc,Mako 的主要负责人之一,也是 Umi、Dva、Father 等库的作者。 很开心,Mako 终于开源了! Github 地址:https://github.com/umijs/mako/ 今天和大家正式介绍下他。
|
2月前
|
前端开发 关系型数据库 MySQL
【前端学java】MySQL数据库的本地安装
【8月更文挑战第12天】MySQL数据库的本地安装
39 3
|
1月前
|
前端开发 开发者
在前端开发中,webpack 作为一个强大的模块打包工具,为我们提供了丰富的功能和扩展性
【9月更文挑战第1天】在前端开发中,Webpack 作为强大的模块打包工具,提供了丰富的功能和扩展性。本文重点介绍 DefinePlugin 插件,详细探讨其原理、功能及实际应用。DefinePlugin 可在编译过程中动态定义全局变量,适用于环境变量配置、动态加载资源、接口地址配置等场景,有助于提升代码质量和开发效率。通过具体配置示例和注意事项,帮助开发者更好地利用此插件优化项目。
68 13
|
2月前
|
前端开发 Java Maven
【前端学java】全网最详细的maven安装与IDEA集成教程!
【8月更文挑战第12天】全网最详细的maven安装与IDEA集成教程!
71 2
【前端学java】全网最详细的maven安装与IDEA集成教程!
|
2月前
|
前端开发 Oracle Java
【前端学java】java开发的依赖安装与环境配置(1)
【8月更文挑战第8天】java开发的依赖安装与环境配置
36 1
【前端学java】java开发的依赖安装与环境配置(1)
|
2月前
|
JavaScript IDE 前端开发
前端开发工具配置 nodejs & git & IDE
前端开发工具配置 nodejs & git & IDE
|
2月前
|
JavaScript 前端开发
什么是前端构建工具?vite和vite脚手架的关系!
【8月更文挑战第1天】前端构建工具简析
60 4
|
2月前
|
前端开发 小程序 Unix
Centos安装前端开发常用软件
Centos安装前端开发常用软件
|
3月前
|
开发框架 前端开发 JavaScript
使用代码生成工具快速生成基于ABP框架的Vue+Element的前端界面
使用代码生成工具快速生成基于ABP框架的Vue+Element的前端界面
|
2月前
|
开发框架 前端开发 JavaScript
基于SqlSugar的开发框架循序渐进介绍(18)-- 基于代码生成工具Database2Sharp,快速生成Vue3+TypeScript的前端界面和Winform端界面
基于SqlSugar的开发框架循序渐进介绍(18)-- 基于代码生成工具Database2Sharp,快速生成Vue3+TypeScript的前端界面和Winform端界面
下一篇
无影云桌面