vue create 和vue init webpack的区别

牧云@^-^@ 提交于 2020-02-01 00:43:32

都是因为vue-cli不同版本号之间初始化方式不同

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的方法进行配置)

 

使用方法:

一.vue cli2升级到vue cli3

1.先升级npm的版本

npm install -g npm

2.再卸载之前的vue cli 2.9.6

npm uninstall -g @vue/cli

3.下载最新的vue cli版本

npm install -g @vue/cli

二.vue3,0版本创建项目

1、vue create myproject
2、默认选择default方式即可
vue2.0和vue3.0的区别

1.打包方式:
2.0是通过:npm run dev
3.0是:npm run serve
至于为什么会变,来看一下package.json
2.文件夹目录:
3.0取消掉了config目录、build目录、static目录 ,还有最重要的一点,3.0的安装项目时自动下载node-model
vue.config.js也没了,需要手动添加。
3.创建项目方式:
3.0的安装:vue create 3.0project;
2.0的安装:vue init webpack(据我所知有五个,这个是我常用的) 2.0project(项目名)
————————————————
版权声明:本文为CSDN博主「厝火燎原」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_28340701/article/details/99673253

二、
npm install - cnpm
cnpm install vue
cnpm install vue-cli --global
vue init webpack hello-world 创建项目
vue create
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的方法进行配置)

webpack:
————————————————
版权声明:本文为CSDN博主「Jatham」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Jatham/article/details/103453050

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!