Vue安装脚手架（vue安装脚手架 检查版本）



文章目录

• 前言
• 一、全局安装vue-cli
• 二、创建vue项目

• 1.用命令来创建vue项目

• 三、运行项目

• 1.项目目录解读

• 一、项目全局引入element ui
• 总结
• 写文初衷

两种方式

1. npm install -g @vue/cli 国外下载会慢点 该命令安装最新版本脚手架
2. cnpm install vue-cli -g 国内镜像
   注意:cnpm 之前先用npm下载cnpm
   npm install -g cnpm --registry=http://registry.npm.taobao.org
   
   
   
   
   

安装完成大概这样

1.Babel 是一个 JavaScript 编译器。主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。（必选）
2.typescrrict js的超集，定义数据类型等等，目前v3+ts，react+ts很流行，v2的话我们就不选这个
3.Progressive Web App (PWA) Support 不是很清楚，没用过哈哈，不选
4.Router 路由 选
5.vuex 状态管理 选
6.CSS Pre-processors css预处理 选
7.Linter / Formatter 代码检查 选
8.Unit Testing 单元测试
9.E2E Testing 单元测试
所以这里我们选择1，4，5，6 ，7空格选完后回车，然后再选择2.x
css预处理这里我们选择sass，之前用less搭配element ui，打包上线后出现图标乱码的问题，element ui 用的也是sass，所以这里我推荐选择sass了，其他的选项看他英文来选就好了，没什么特别注意的地方了，最后这里用npm 下就好

然后我们点击上面的终端，在终端中输入 npm run serve,然后等待一段时间

怎么引入呢，那必须看官网啊 地址 https://element.eleme.cn/#/zh-CN

第二步找到main.js 把他引入进来

把他弄进来了我们肯定要想知道他到底有没有成功 main.js别忘记保存哈，我们去srcviewsAboutView.vue 这个文件下面改点代码

经过上面的操作，我们就把项目初步的搭建起来了，然后也引用了第三方的ui组件库。

这是本人当程序员以来的第一篇博客，写的不好，有错误的地方，欢迎指正哈哈，为什么想写这篇博客的起因是，有一天在公司坐着摸鱼，百无聊赖，新公司用的主要是react，vue3，加ts这套组合拳，之前，也就上一年实习一年的公司是vue，然后来了新公司后就没写过vue2了，除了uniapp小程序还能写写，然后之前一直用的是一些开源框架，还有公司大佬搭的，然后抱着巩固知识的想法下，就准备自己搭建一套哈哈，然后在把自己搭建过程记录下来，也是挺不错的，然后就开干了哈哈。

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/32879.html