首页 > 其他 > 详细

vue脚手架的创建

时间:2020-06-26 23:00:46      阅读:67      评论:0      收藏:0      [点我收藏+]

通过npm包管理工具进行全局安装 npm install -g @vue/cli
检测版本 vue --version/ -V
命令行方式创建

vue create 项目名称

选择自定义创建

技术分享图片

选择这四种方式

技术分享图片

使用路由的历史模式 选no

技术分享图片

选择less

技术分享图片

选择第三个配置 标准的配置文件

技术分享图片

ctrl+s 保存后会做格式校验

技术分享图片

将配置新创建一个文件保存,不放入pageage.json中

技术分享图片

保存当前的配置,保存后下次创建就可以直接选择这种方式

技术分享图片

安装成功后,cd到项目根目录下执行:npm run serve

安装element-ui

 安装依赖包 npm i element-ui -S

 导入相关资源。

import ElementUI from ‘element-ui‘ //导入组件库
import ‘element-ui/lib/theme-chalk/index.css‘ //导入组件相关样式
Vue.use(ElementUI) //配置vue插件 吧elementui安装到vue身上

图形化方式创建

vue ui 打开创建项目的图形化

技术分享图片

输入项目名称

技术分享图片

选择手动配置

技术分享图片

进入功能面板,选择功能

技术分享图片

询问我们是否使用历史模式的路由,关闭,推荐使用哈希模式的路由
  选择配置lint和formatter配置文件格式,选择标准的配置文件格式
  选择lint on save,只要按了ctrl+s就会对代码格式校验

技术分享图片

是否保存预设,设置名称

技术分享图片

安装elementui

 技术分享图片

 

vue脚手架的创建

原文:https://www.cnblogs.com/yueyue-hh/p/13196487.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!