新手第一次如何使用parcel

parcel是什么?是一个轻量打包工具,它内置服务器,打包之后我们可以运行控制台输出的网址,访问我们打包后的页面

  1. 在文件里创建src目录,打开命令行下载项目所需要依赖的包,注意!之前的都是 npm i -g parcel ,这个已经被废弃了,所以使用下面的:
npm i -g parcel-bundler
  • 也可以使用yarn命令
yarn add global parcel-bundler
  1. 安装成功后,创建index.html,内容自填。
  2. 试着运行parcel
pacel src/index.html
  1. 运行之后,项目已经打包,控制台会出现如下消息
    在这里插入图片描述
  2. ctrl+鼠标左键打开这个网站,即可访问到我们的页面。

那么问题来了,parcel还有一个我们修改页面就可以实时看到我们修改的内容,怎么做呢?

首先,在src目录下创建一个main.js文件,在index.html文件中引入,这时候只要保存修改的代码,页面上的内容也会做出相应修改。

好了!,这就是我们第一个parcel项目!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值