使用vue create、vue webpack init 创建vue项目产生的项目文件区别说明

最新推荐文章于 2024-09-27 21:00:44 发布

張張張_

最新推荐文章于 2024-09-27 21:00:44 发布

阅读量9.1k

点赞数 9

本文链接：https://blog.csdn.net/zyj123__/article/details/106361850

版权

使用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.目录说明

node_modules:通过npm install安装的依赖代码库
public:部署到生产环境的目录
src:源码
.gitignore：git忽略里面设定的这些文件的提交
babel.config.js:babel转码配置
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的方法进行属配置)。