乐趣区

关于javascript:vue-create-和-vue-init-的区别

应用 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 的办法进行属配置)。

退出移动版