一、初始化项目目录
新建一个文件,使用vscode打开文件夹
npm init
点击回车,使用默认配置就可以
二、安装parcel依赖
npm install parcel-bundler --save-dev
三、新建入口文件
1、新建src目录,index.html文件
新建asset、css、main、images、style.css、main.js文件夹及文件,index.html引入style.css、main.js。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="./asset/css/style.css"> </head> <body> <script src="./main/main.js" type="moudle"></script> </body> </html>
2、修改package.json脚本;
"scripts": { "dev": "parcel src/index.html", "build": "parcel build src/index.html" }
3、启动项目
npm run dev