vue cli3脚手架创建vant项目环境
1.在桌面创建一个文件夹vant,终端cd到vant文件下,运行下面
vue create vantsite
vantsite就是你的项目的目录文件,可以随意取名,但好像不能驼峰式会报错
出现上图后直接回车,
安装成功后 运行下面代码回车
vue ui
成功后浏览器会自动弹出页面 不能弹出手动输入终端里面的链接localhost:8000
选择导入 选择创建的vantsite文件 导入这个文件夹
然后如下图
任务->serve-运行 运行成功后选择输出 点击链接就能看到如下页面了:
接下来 安装vant依赖及一些需要的依赖
回到这里
选择安装依赖 输入vant
安装即可,这里我习惯sass预编css所以我安装了sass和sass-loader。当然你也可以选择终端命令行来安装它们
先cd到vantsite
npm install sass --save 回车
安装完成 就可以用scss写样式了
再安装一个官方路由vue-router插件
ok!就说到这里 下篇我们继续vant组件 如何引用并使用组件