vue2.0基础

前端工程化与webpack

 创建一个隔行变色项目

上述命令在一个空的文件夹中运行，打开一个空文件夹的终端 

上述命令也是在文件夹的终端中打开执行，此命令是安装webpack目的是解决网页无法运行的问题

 

 dependencies是项目在开发和上线阶段都可以用到，而dev前缀下的只是在开发阶段用到

 

 

 

当把npm run dev这个终端脚本 运行完之后，就会出现一哥dist文件夹，里面有main.js，是根据index.js生成的

 前面的准备操作做好之后，接下来开始运行界面，代码如下

li代表行，odd代表奇数行，even代表偶数行

 

 利用<script src="../dist/main.js"></script>传入index.js的操作,来实现隔行变色的目的

______________________________________________

以上操作的dist，main.js是自动生成的，接下来我们可以让他生成我们指定的文件名称

具体代码如下

此时index.html中就要引入<script src="../dist/bundle.js"></script> 

_______________________________________________

我们以上的操作每次在修改完代码都需要重新在中单输入npm run dev，操作起来比较麻烦，接下来的操作就是简化操作，在每次修改完代码保存后自动刷新

 

  

____________________________________________________

上面的是使用webpack来对源代码进行读写，此时读写的是磁盘内的代码，会降低磁盘使用寿命，下面我们来对内存进行读写