Vue开发实战二:列表及购物车弹框的实现

文章目录

        • 1.环境搭建
        • 2.项目运行
        • 3.实现列表及购物弹框

1.环境搭建

之前是用的ionic开发,新建项目的环境是vue2.9.6,这次我们来升级下到最新版
首先卸载之前的版本
npm uninstall vue-cli -g
然后执行更新命令
npm install -g @vue/cli
最后用vue -V查看下vue的版本号即可

注意:vue-cli是版本2.0的用法,而3.0之后改成了vue/cli

我们可以通过新建的项目目录的差别也能区分开项目是vue2.0还是vue3.0

vue2.0版本的项目目录如下:
Vue开发实战二:列表及购物车弹框的实现_第1张图片

vue3.0版本的项目目录如下:
Vue开发实战二:列表及购物车弹框的实现_第2张图片

2.项目运行

如果已经有项目存在,先更新插件执行 npm install
然后在执行npm run serve,在浏览器输入ip及端口号即可访问到项目首页
与vue2.0相比执行命令发生了变化,可以使用的命令可以在package.jso

你可能感兴趣的:(Vue,vue,购物车弹框,vant)