😇此文章 专针对于 没有详细了解过 前端工程化项目的 同志们。
😇一般现代前端项目 都是基于 webpack 等打包工具打包的。

你可能拿到的项目是 如下图:

里面包含了
依赖描述文件 package.json
项目描述文件 README.md

先去用编辑器 打开 仔细阅读 README 文件,一般会在里面包含
1、项目说明
2、开发说明文档
3、注意事项
4、效果图
5、版权信息

启动项目(说明)

一般在查看README会有开发说明文档,如图

如果在 说明文档中没有写这些东西,可以打开package.json中查看,如下图

图中被圈起来的 scripts 部分,就是启动命令
使用时加入 npm run xxx
每个命令 意思 都跟上图的意思差不多,serve dev 都是本地启动,build build:prod 都是打包部署

一般打包完成后会生成一个dist 文件

实际操作(看图操作)

1 、 如果你的网速很慢走下图命令 (网速很快,或者 有安装过这个 就不用看这一步了)

    npm i -g nrm


安装完成后 切换远程源地址(如果这步操作错误,上面的步骤在跑一遍)

    nrm use taobao


2、安装依赖(耐心等待)

    npm install


3、启动项目

    npm run serve


命令走完会跑代码,跑完之后一般会在 控制台有 本地预览地址 http://localhost 和局域网地址 http://192.168.x.xxx
4、打包项目

    npm run build


一般会你的项目目录里有一个dist 的目录,就是打包后生成的,里面就是你熟悉的html文件,不过是压缩的。