您的位置首页 >简讯 > 新互联网 >

parcel学习过程(一)──项目启动 🌟

导读 parcel作为一款快速、零配置的前端构建工具,受到了许多开发者的青睐。今天就来记录一下使用parcel启动项目的全过程吧!首先,确保你的电脑...

parcel作为一款快速、零配置的前端构建工具,受到了许多开发者的青睐。今天就来记录一下使用parcel启动项目的全过程吧!首先,确保你的电脑上已安装Node.js和npm。接着,在终端中创建一个新的文件夹,用于存放项目文件,比如命名为`my-parcel-project`。然后,通过`npm init -y`初始化项目,这会自动生成一个`package.json`文件,方便后续管理依赖。

接下来,安装parcel作为开发依赖:`npm install parcel-bundler --save-dev`。安装完成后,只需要在`package.json`里添加一条脚本命令,例如 `"start": "parcel index.html"`,这样就可以用`npm start`直接启动项目了。打开浏览器,输入`http://localhost:1234`(parcel默认监听这个地址),就能看到你的项目运行起来了!✨

最后记得检查网络设置,确保可以使用指定IP访问项目,这对于多人协作或局域网展示非常有用哦!🌐

parcel 前端开发 学习笔记

版权声明:本文由用户上传,如有侵权请联系删除!