vue cli3脚手架创建vant项目环境

vue cli3脚手架创建vant项目环境

1.在桌面创建一个文件夹vant,终端cd到vant文件下,运行下面

vue create vantsite 

vantsite就是你的项目的目录文件,可以随意取名,但好像不能驼峰式会报错
vue cli3脚手架创建vant项目环境_第1张图片
出现上图后直接回车,
安装成功后 运行下面代码回车

vue ui

成功后浏览器会自动弹出页面 不能弹出手动输入终端里面的链接localhost:8000
vue cli3脚手架创建vant项目环境_第2张图片
选择导入 选择创建的vantsite文件 导入这个文件夹
vue cli3脚手架创建vant项目环境_第3张图片
然后如下图
vue cli3脚手架创建vant项目环境_第4张图片
任务->serve-运行 运行成功后选择输出 点击链接就能看到如下页面了:
vue cli3脚手架创建vant项目环境_第5张图片
接下来 安装vant依赖及一些需要的依赖
回到这里
vue cli3脚手架创建vant项目环境_第6张图片
选择安装依赖 输入vant
vue cli3脚手架创建vant项目环境_第7张图片
安装即可,这里我习惯sass预编css所以我安装了sass和sass-loader。当然你也可以选择终端命令行来安装它们

先cd到vantsite
npm install sass --save 回车

vue cli3脚手架创建vant项目环境_第8张图片
安装完成 就可以用scss写样式了
再安装一个官方路由vue-router插件
ok!就说到这里 下篇我们继续vant组件 如何引用并使用组件

你可能感兴趣的:(vue)