Webpack

1.首先我们去nodejs官网： https://nodejs.org/en/download/ (下载nodejs，下载自己电脑想匹配的最新版本) 2.其次 去下载一个cnpm （注释：淘宝npm镜像，这个是阿里把外国的npm服务器搬到我们中国来了，用淘宝镜像npm下载一些配置文件会更快一些） 操作如下：电脑右下角 window输入cmd， 把 npm install - g cnpm -- registry = https :// registry . npm . taobao . org 复制到cmd里面去就可以拉。（注释：我们用ctrl+C 复制网站，在cmd中鼠标点击右键粘贴就可以复制 npm install - g cnpm -- registry = https :// registry . npm . taobao . org 然后回车键进行安装。 ） 3.安装vue文件 cnpm install i vue -S 4. 安装vue脚手架，关于脚手架问题， 有些兄弟姐妹会发现安装的时候会一直卡着不动，我也遇到过这个问题，最后查资料发现是我安装的vue脚手架版本比较低出现的问题 // 之前我安装的时候是用 cnpm install -g vue/cli 用这个安装的是旧版本的特别伤，我用vue init webpack app的时候，真的卡在一个地方一个晚上

搭建项目脚手架工程 是 架构师必需必会的基础技能 。 在脚手架的帮助下，我们只需要跑一个命令就可以生成一个项目，不需要再思考项目的目录结构，单元测试，所需要的依赖等繁琐的事情。 虽然脚手架一般只用于前端工作流中项目的起始阶段，而且由于“用后即弃”的性质，并不被前端工程化领域所重视。但 随着前端工程体系越来越复杂，脚手架的重要性却在逐渐突出。 引用 《前端工程化：体系设计与实践》 书里的一段话：“前端工程体系的功能涵盖范围广，封装的方案类型多，对应的配置项也非常复杂。对于多数业务开发者来说，他们不需要了解其中的复杂原理，只需要知道如何配置即可。” 这就要求脚手架能够快速开发快速配置，将非必要的工程化体系的技术细节封装到一个黑盒中，把一线业务开发人员从不必要的工程体系相关繁琐的工作开发任务隔离开来，提高相关业务人员关注的业务本身，提高专注性，提高生产效率。 轻松构建你自己的脚手架 我们熟知的vue-cli，create-react-app都是前端圈最知名、最流行、最大众化的脚手架工具，但是实际工作的时候，常常会有凭现有工具无法满足的复杂需求。 这就需要我们掌握快速开发自己的脚手架工具的能力。 在这里给大家推荐一套视频教程—— 《从0到1用Node完成一个CLI工具》 帮助你： 从零构建一个Cli工具 command命令行 模板库代码拉取 Vue约定路由功能 npm库发布