vueWeb前端之路让前端飞

vue-cli3 简易教程

2019-06-05  本文已影响0人  zz77zz

Vue CLI3 Tuorial

本文图片居多 因为涉及不到太多代码

cli官网

安装/执行命令

npm uninstall -g vue-cli 
npm install -g @vue/cli
vue create myapp 

创建项目

结果 目录结构

添加插件

vue add 插件名
vue add babel
然后查看package.json 里会有添加的插件
请注意前缀 会自动加上@vue/cli-plugin-<插件名>
npm cache clean --force 清理缓存的

你会发现项目中很多文件都被改了 而且启动后首页都不一样了

vuetify的首页

可视化管理项目 - 项目管理器

vue ui 来启动可视化管理界面

项目管理器

上述所有操作都可以用可视化进行操作 都可以找到很方便

以上就是vue-cli的简易教程

上一篇下一篇

猜你喜欢

热点阅读