应用webpack init创立我的项目
用法:vue init webpack app
2.产生目录如图

3.目录阐明

build及config:webpack配置相干node_modules:通过npm install装置的依赖代码库src:我的项目源码static:寄存动态资源.babelrc:babel相干配置(因为咱们的代码大多都是    ES6,而大多浏览器是不反对ES6的,所以咱们须要babel帮咱们转换成ES5语法).editorconfig:编辑器的配置,能够在这里批改编码、缩进等.eslintignore:设置疏忽语法查看的目录文件.eslintrc.js:eslint的配置文件.gitignore:git疏忽外面设定的这些文件的提交index.html:入口html文件package.json:我的项目的配置文件,用于形容一个我的项目,包含咱们init时的设置、开发环境、生成环境的依赖插件及版本等。package-lock.json:一般package.json文件“^2.0”这样写的,意味着版本能够大于等于2.0,如此就会呈现各种谬误。

应用vue create app
1.应用vue create图形化界面创立

2.产生目录如图

3.目录阐明

build及config:webpack配置相干node_modules:通过npm install装置的依赖代码库src:我的项目源码static:寄存动态资源.babelrc:babel相干配置(因为咱们的代码大多都是    ES6,而大多浏览器是不反对ES6的,所以咱们须要babel帮咱们转换成ES5语法).editorconfig:编辑器的配置,能够在这里批改编码、缩进等.eslintignore:设置疏忽语法查看的目录文件.eslintrc.js:eslint的配置文件.gitignore:git疏忽外面设定的这些文件的提交index.html:入口html文件package.json:我的项目的配置文件,用于形容一个我的项目,包含咱们init时的设置、开发环境、生成环境的依赖插件及版本等。package-lock.json:一般package.json文件“^2.0”这样写的,意味着版本能够大于等于2.0,如此就会呈现各种谬误。

总结vue create和vue init 的区别
vue create 是vue-cli3.x的初始化形式,目前模板是固定的,模板选项可自在配置百,创立进去的是vue-cli3的项度目,与cue-cli2我的项目构造不同,配置办法不同,具体配置办法参考官网文档网页链接。vue init 是vue-cli2.x的初始化形式,能够应用github下面的一些模板来初始化我的项目,webpack是官网举荐的规范模板名。vue-cli2.x我的项目向专3.x迁徙只须要把static目录复制到public目录下,老我的项目的src目录笼罩3.x的src目录(如果批改了配置,能够查看文档,用cli3的办法进行属配置)。