文章自动采集插件vue-cli使用教程-自动加载插件使用

　　文章自动采集插件vue-cli使用教程-自动加载插件使用

　　文章自动采集插件vue-cli使用教程那么这里要讲的是使用vue-cli创建完整的vue项目。那么在这里创建这个项目是非常简单的，它有如下几个步骤：创建项目首先，这里要求我们要有node.js环境。一定要记住，node.js是一个非常常用且非常强大的vue环境，如果自己写的项目没有node.js环境，可以用puppeteer来运行puppeteer来达到这个效果。

　　修改项目配置首先要注意的是vue-cli会在项目启动后自动安装依赖库，所以配置好依赖库是非常有必要的。因为在启动项目的过程中，有些依赖库就不能加载了，这样就影响启动速度。配置-选择想要安装的node.jsnpminstall-gnode--savepuppeteer如果只是想配置node.js环境或者不想安装所有依赖库可以指定需要配置的依赖库配置-更改项目的配置vuecli默认的项目配置是两个分页的页面，但是这个配置只有一个，所以需要我们来自定义，需要注意的是：所有的分页都不会被自动加载到所在的分页视图树中，我们需要手动加载每个页面的分页视图。

　　这个在vue-cli官方的说明中可以看到。我们可以配置让vue-cli更改页面的分页。只需要在项目根目录下执行以下命令即可，让vue-cli来自动配置所有分页的分页视图树。./configure--prefix='/users/amberv7/workspace/dist'创建测试环境基本配置结束后，执行以下命令让vue-cli开始去构建webpack项目。

　　在webpack-dev-server的配置中会有两个指标：vendor(modules);vendor-loader(loaders)需要注意的是，vendor是global的，vendor-loader是所有路径下都会运行，不过项目在app下是不会加载vendor-loader的，而路径下如果有其他的webpack_plugin也会自动加载。

　　vendor-loaders的话需要注意的是不能有vendornames(public);vendorloaders(required)打包错误项目在webpack的配置页面一定会有打包错误的错误信息。其实只需要在webpack配置页面上执行以下命令就行，命令为：./configure--prefix='/users/amberv7/workspace/dist'这样在webpack的配置页面就可以看到打包错误的信息，不过这个命令是需要全局配置的，不是每个config.js都需要。

　　webpack的配置页面还有一些参数需要注意，其中最重要的一点就是：我们在配置打包方式的时候，可以选择amd方式，也可以选择cmd方式。但是一定要记住目前仅支持amd和cmd两种，当然你也可以选择别的，使用也可以自定义。webpack还配置了path.resolve头文件，这个选项可以安装。