1. cnpm init - 创建一个package.json文件 - 直接的说：就是管理你本地安装的npm包 一个package.json文件可以做如下事情： - 展示项目所依赖的npm包 - 允许你指定一个包的版本[范围] - 让你建立起稳定，意味着你可以更好的与其他开发者共享 2. 安装webapck vue vue-loader - 安装完成后会出现warning，表示需要一些其他的安装依赖，跟者指示安装就行 3. 创建src文件 里面有个index.js 作为webpack 输入文件，webpack会将输入文件打包，最后再dist文件夹里输出bundle.js文件 4. 安装webpack -cli ### cross-env的作用 我们在使用package.json的时候，我们配置开发环境和线上环境用的都是一个配置文件：  此时我们需要在package.json里传入一个环境变量，让webpack.config根据这个变量，执行不同的操作，但是window 和apple 传入环境变量的方式不同： 在apple系统中我们只需这么写： ； 而在windows系统中，我们需要这么写：  安装了cross-env之后，我们就可以在不同平台是用一样的写法，如下：