vue CLI 搭建流程
首先打开我们的要创建项目的终端

首先输入命令  vue-v   查看我们是否安装了vue-Cli如果没有 就输入 npm install -g @vue/cli输入命令  vue create 项目名称


注意:不要使用vue-cli 之类的关键字

然后我们会看到这个页面


注意:上面两个 是含有一定功能的创建 建议使用第三个手动选择功能


注意:推荐代码规范选上这样有助于你和别人更加爱看你的代码
空格是勾选

然后选择vue的版本 切记选择 2.x

注意:一定要选择2.x,因为element暂时是不支持3.x的

 这句的意思是使用history的router模式

注意:history在兼容性方面有些问题,不建议使用

然后选择代码预编译器会那个选哪个就可以

下面选择代码格式规范  一般选择第三个  这是大多数人都喜欢的

在什么情况下触发代码格式校验
第一种当我们修改代码保存文件的时候去校验
第二种当我们提交文件的时候去校验  会有一个自动修补的功能
建议两个都选

第一种是生成独立的配置文件
第二种是生成到一个配置文件
建议:使用第一个

是否记录本次创建时的选择   由于我们每个项目所需要的都不相同所以建议不使用

这样便创建成功了
然后输入 cd vue-ty
npm run serve 打开




**

element安装

在命令行中输入vue add element


fully import 是全面导入 一般选择第一个 因为会自动引用 不需要再去配置

选择zh-cn  中文然后开始安装然后再通过npm run serve 打开 然后使用element就可以使用了

vue脚手架的搭建以及element的搭建 ---冯浩的博客相关推荐

  1. 手把手教你从0开始搭建个人博客,东半球最详细的保姆级博客搭建部署教程 | 程序员人手必备个人博客网站

    Hello 小伙伴们大家好,我是雷小帅! 想象一下你有一个技术博客,然后把网址写在了简历上,面试官点击鼠标打开了这个网站,然后被惊艳了,最后面试的结果你懂得-- 好了,今天的主题就是手把手教大家从零开 ...

  2. 搭建LNMP平台加NFS文件共享部署wordpress博客

    搭建LNMP平台部署wordpress博客 安装LNMP平台 安装nginx 安装PHP 搭建mysql数据 搭建NFS 安装LNMP平台 安装nginx 1)下载官方源 [root@Web ~]# ...

  3. 【GitHub.io/Github Pages使用教程】从头开始搭建自己的Github Pages,打造个人博客网站,展示个人简历、项目、文档或想要与世界共享的任何其他内容

    巨人半边莲 如果你曾征服乞力马扎罗山,留意过海拔 3,657-4,267 米处的尖顶植物,这种植物有时形似绿色大柱子(或'花序'),从中间长出花序. 那么你就可能看到许多巨人半边莲,这些植物生长在非洲 ...

  4. springboot+jwt+shiro+vue+elementUI+axios+redis+mysql完成一个前后端分离的博客项目(笔记,帮填坑)

    根据B站up主MarkerHub视频制作的一个笔记 我的博客 B站博主链接: https://www.bilibili.com/video/BV1PQ4y1P7hZ?p=1 博主的开发文档: http ...

  5. azure搭建php,使用Azure部署免费的WordPress博客

    使用Azure App Service的免费层提供的服务,不借助其他外力,就能完成免费的WordPress搭建,我们推荐你在自己的Linux系统上安装azure-cli,然后登录后开始实践这个教程,登 ...

  6. centos java 集成环境搭建,CentOS上搭建Tomcat环境并配置服务自启动 - Sonnyb - 博客园...

    下载安装JDK 卸载原装的OpenJDK(如果有) # 查看是否安装Java java -version # 查看Java的安装包信息 rpm -qa | grep java # 卸载原装Java,为 ...

  7. vue.js搭建个人博客

    博客2.0更新啦 博客2.0 ​ 博客地址:mangoya.cn ​ 整体样式基本没有变化,主要变化是前后端重构,之前的1.0版本后端为php,并非博主所开发,这次重构调整了数据结构和所熟悉的语言,采 ...

  8. Vue脚手架入门基础

    文章目录 1.课程简介 1.1. 关于Vue 1.2. 关于Vue脚手架 1.3. 关于npm 2.搭建开发环境 2.1. 安装Node.js 2.2. 配置npm源 2.3. 安装VUE Cli 3 ...

  9. vuepress侧边栏配置_VuePress搭建静态博客网站

    VuePress是什么 仅从单词上来看就是vue和press,press除了按压的意思外,还有报刊杂志和出版社等意思,所以可以理解为由vue驱动的出版工具.换个说法就是静态博客编写工具.后六字应该都不 ...

最新文章

  1. JS-DOM-元素节点
  2. 微软IE8浏览器个性化设置技巧
  3. html text全删,删除没有/ text()。extract()的HTML标记
  4. android rfid 数据解析_手持机是什么?RFID手持机是什么?
  5. Ex 2_5 求解递推式..._第三次作业
  6. antd中表格的字段设置成掩码
  7. Java学习资源整理(超级全面),java基础面试笔试题
  8. rust笔记9 错误处理
  9. python qt教程视频 下载_Qt基础课程视频教程 教学视频 百度网盘下载
  10. 热血江湖单机版不显示服务器,热血江湖单机版
  11. java 如何保证配色通用_简单实用的通用配色法则,可以直接套用到日常的穿搭中...
  12. React初识--必知必会的jsx核心语法
  13. 院士如何应对互联网的碎片化和复杂性?道翰天琼认知智能机器人平台API接口大脑为您揭秘。
  14. 2021电赛F题送药小车视觉部分的一种思路(双OpenMV法)
  15. 如何使用命令提示符轻松地将GPT转换为MBR而不会丢失数据?
  16. sketch和zeplin
  17. PCL-ICP(IterativeClosestPoint)源码解析
  18. 提高网站提高网站广告点击率的几个可行方法
  19. 由建站学linux---第13课 域名重定向
  20. R语言GWR地理加权回归

热门文章

  1. 2021年终总结——适应改变,成为更好的自己
  2. CentOS 7 下安装 chrome
  3. 2021年电力电缆考试资料及电力电缆模拟考试题
  4. 医疗人工智能发展情况——《2018医疗人工智能报告:跨越再出发》节选
  5. 7805扩流电路(转)
  6. ATMega328P-PU芯片Arduino最小系统实验
  7. UR机器人(9)-使用MODBUS
  8. 商场java收银机怎么用_收款机怎么使用 收款机使用教程介绍【图文教程】
  9. android 视频sdk 开发总结
  10. 用python开发一个影视网站_搜片大师,一个不需要编程就能拥有百万影视站点的搜片神器,Python编写,Windows版界面 - 卖知了的......