使用vue create和vue init webpack创建项目的区别
2024-11-28 Umming vue 评论(0) 浏览(23)
因为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(项目名)
三、
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的方法进行配置)
标签: vue
下一篇: 页面内滚动锚点动画
本文链接:https://www.umming.com/vue/363.html
声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
发表评论: