上次给大家分享的是用脚手架快速搭建某视频剪辑软件项目，虽然很省时间和精力，但想要真正搞明白，我们还需要对其原理一探究竟。

大家拿到一个项目，要快速上手，正确的思路是这样的：

首先，如果在项目有readme.md的情况下，大家要先读自述文件，项目的一些基本介绍，包括项目信息、运行的脚本、采用何种框架，以及项目维护者等信息通常都会有。一般在饭桶上维护的项目都会有readme.md，不熟悉减价语法的同学可以先了解下减价入门。

第二步，要看package.json。现代的前端项目中通常都会有package.json文件。在package.json里，会介绍项目名称、版本、描述、作者、脚本、依赖包，对环境的要求，以及对浏览器要求。

{ 'name': 'uccn '，' version': '1.0.0 '，' description': 'uccn3.0 '，' author ' : ' v _盐田角[emailprotected]'，' private': true，//这里的脚本是分析项目的主要入口脚本： { 'dev': '节点build/dev-server.js '，' start': '节点build/dev-server.js '，' build': '节点build/build.js '，' jsonp': '节点build/jsonp-server.js' }，//项目依赖依赖项' : { ' fetch-jsonp ' : '^1.1.3',' less ' : '^2.7.2',' less-loader ' : '^4.0.4','铁笔' : '^0.54.5','铁笔-loader ' : '^3.0.1',' vue ' : '^2.4.2' '，' devdependencies ' : { ' autoprefixer ' : '^7.1.2','巴别塔-核心' : '^6.22.1','巴别塔-loader ' 3: ' 7。1 .1摘录-文本-网络包-插件' : '^2.0.0',file-loader': '^0.11.1',friend-errors-web包-插件' : '^1.1.3',html-web包-插件' : '^2.28.0',http-proxy-中间件： '^0.17.3',opn': '^5.1.0',optimize-css-assets-web包插件' : '^2.0.0',ora ' 3: '^1.2.0',rim皇家空军' 3: ' 2。6 .0 ' '