使用webpackinit创建项目用法:vueinitwebpackapp2.生成的目录如图3所示。目录说明buildandconfig:webpack配置相关node_modules:通过npminstall安装的依赖代码库src:projectSourcecodestatic:存放静态资源。babelrc:babel相关配置(因为我们大部分代码都是ES6,而大部分浏览器都不支持ES6,所以需要babel帮我们转成ES5语法)。editorconfig:编辑器配置,可以在这里修改编码、缩进等。eslintignore:设置忽略语法检查的目录文件。eslintrc.js:eslint的配置文件。gitignore:gitignoresthesubmissionofthesefilessetinit.json:项目的配置文件,用来描述一个项目,包括我们的init设置,开发环境,生产环境的依赖插件和版本等.package-lock.json:普通的package.json文件是写成“^2.0”这样的,表示版本可以大于等于2.0,所以会出现各种错误。使用vue创建app1。使用vuecreate图形界面创建2.生成目录如图3目录说明buildandconfig:webpack配置相关node_modules:通过npminstall安装的依赖代码库src:项目源代码static:storestaticresources.babelrc:babel-相关配置(因为我们大部分代码都是ES6,而大部分浏览器都不支持ES6,所以需要babel帮我们转成ES5语法)。editorconfig:编辑器配置,这里可以修改编码和压缩enter.eslintignore:设置忽略语法检查的目录文件html:入口html文件package.json:项目的配置文件,用来描述一个项目,包括我们的init设置,开发环境,依赖的插件和生产环境的版本等。package-lock.json:普通的package.json文件写成“^2.0”,表示版本可以大于等于2.0,所以会出现各种错误。总结vuecreate和vueinit的区别。vuecreate是vue-cli3.x的初始化方法。目前模板是固定的,可以自由配置模板选项。创建的项目是vue-cli3的项目,类似于cue-cli2的项目结构。不同的配置方法是不同的。具体配置方法参考官方文档页面链接。vueinit是vue-cli2.x的初始化方法,可以使用github上的一些模板来初始化项目,webpack是官方推荐的标准模板名。vue-cli2.x项目迁移到专用3.x只需要将static目录复制到public目录,老项目的src目录覆盖3.x的src目录(如果修改配置,可以查看文档,使用cli3)配置的方法)。
