Webpack3 + Vue2搭建一个简单的开发框架

全局环境下安装node以及npm

去Node官网下载最新稳定版，一般node安装完成后会自带npm，但是需要检查一下npm的版本
Windows升级命令

npm i -g npm@latest

Mac升级命令

sudo npm i -g npm@latest

安装完成后，检查一下版本信息

node -v
npm -v

初始化目录

除了使用npm初始化，也可以选择vue-cli快速创建webpack开发目录，此处只介绍手动安装方法

创建一个文件夹csdn-test -> 打开文件夹所在的终端窗口 -> 初始化文件

npm init

完成这一步后，文件夹csdn-test内部会生成一个package.json文件，里面包含了一些初始化的配置信息

安装包

因为我们使用的是webpack，因此我们首先将webpack、webpacl-dev-server安装好

npm i webpack webpack-dev-server -D

我们使用的前端框架为Vue，因此我们将Vue也安装一下

npm i vue -S

此处说明一下-S和-D的区别，-S代表的是dependencies，代表的是生产环境上必需的包，-D代表的是devDependencies，在开发及打包时需要用到的包，但是不是必要的

npm i vue-router -S

单页面操作，对于路由的处理是很重要的，我们使用vue-router处理路由