使用vue-cli创建项目时vue2.0和Vue3.0的区别

  1. 安装vue-cli:
    3.0版本安装:npm install -g @vue/cli 卸载 npm uninstall -g @vue/cli
    2.0版本安装: npm install vue
    node清空npm缓存: npm cache clean -f
    报错没有管理员权限:加上sudo, sudo npm install -g @vue/cli
    报已经在文件夹下面有该文件了,则先把/usr/local/bin/vue 删除,再安装vue
  2. 在3.0的框架下要使用2.0项目初始化必须拉取2.0模板,安装全局初始化模板
npm install -g @vue/cli-init
  1. 初始化项目:
    2.0版本:vue init webpack my-project
    3.0版本:vue create hello-world

  2. vue-cli3和2 的框架区别:
    3.0移除配置文件,没有build和config文件夹,全局设置别名可以自己新建一个文件vue.config.js,
    移除static文件夹,新增public文件夹,index.html放在public
    vue2.0:
    在这里插入图片描述vue3.0
    在这里插入图片描述

  3. 修改vue-cli3的配置:
    方法1,在命令终端运行vue ui指令,可以打开本地Vue项目管理器,导入项目文件,进行图形化配置
    打开vue项目管理器界面如下vue项目管理器
    点击要修改配置的项目,进入项目配置界面项目依赖和配置点击安装依赖,可以查找安装依赖,或是点击已安装依赖可以删除依赖
    在这里插入图片描述

    方法2,找到项目下的node文件夹里的@vue文件夹,里面有配置文件

  4. 使用Git仓库管理项目:
    1,新建仓库,然后复制网址,
    2,把已有的项目托管到git,
    git remote add origin https://…
    git push -u origin master

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值