02 days packages.json
安装依赖。
可以选择在package.json里直接加入这些代码,然后使用npm install 安装
或者使用npm install XXX --save//--save-dev安装。
"dependencies": { "vue": "^2.6.12" }, "devDependencies": { "vue-loader": "^13.5.0", "html-webpack-plugin": "^2.30.1", "vue-template-compiler": "^2.5.10", "webpack": "^3.10.0", "webpack-dev-server": "^2.9.7" }
为什么要安装这些:
vue : 不管是开发环境还是生产环境都要有所以是安装在dependencies下
剩下的是在开发时用到的依赖包所以安装在devDependencies下。所以以后安装也是按这个逻辑来
vue-loader :解释和转换.vue后缀的文件。提出其中的逻辑代码,样式代码,以及html模板。再把他们分别交给对应的loader处理。
链接
html-webpack-plugin :直接为项目生成一个或者多个html,文件。并讲webpack打包后输出的脚本文件自动添加到html文件中。
通过配置可以将用户目录下的自定义html作为插件生成html模板。另外还可以通过像插件传递参数控制html文件的输出。
链接
vue-template-compiler :这个包可以为VUE2.0模板编译呈现为函数,以避免编译开销和css限制。在大多数情况下他与vue-loader一起使用
在vue 工程中需要 vue和 vue-template-compiler版本保持一致
webpack:这个为了打包
webpack-dev-server:webpack-dev-server 是一个小型的node.js Express 服务器。它使用webpack-dev-middleware 中间件来为通过webpack打包生成的静态资源提供web 服务
他还有一个通过socket.Io连接着webpack-dev-server服务器的小型运行程序
简单说,就是一个小型静态资源文件服务器。
链接
上面这些都是最基础无法缺少的包,
还有一些css loader 和 es6语法转换的包在进行vue开发也是必要的。
但是因为我代码只是简单进行框架的模拟,所以我没安装。