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

科技前沿 • 2025-05-25 20:44 • 阅读 47

大家好，我是讯享网，很高兴认识大家。

文章目录

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

1.用命令来创建vue项目

三、运行项目

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

elementde 版本_elementde 版本
讯享网

两种方式

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

安装完成大概这样

elementde 版本_App_02

elementde 版本_css_03

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 下就好

elementde 版本_elementde 版本_04

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

elementde 版本_css_05

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

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

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

elementde 版本_elementde 版本_06

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

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

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

文章目录

相关推荐

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