1. 使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli@next

npm install -g @vue/cli@next

vue upgrade --next

2. 创建Vue+TypeScript项目

vue create demo

其中demo是我们使用的项目名。

选择手动配置特征：

勾选需要使用的插件，尤其是TypeScript，用空格选择，选择完成后回车：

我们使用的是Vue3：

如无更改需求，后续一路回车即可：

等待配置直到完成

3. 安装ElmentUI plus（必须使用plus版本）

建立项目后，先要进入到项目文件夹内：

cd demo

安装：

npm install element-plus --save

4. 将ElmentUI添加到项目中

vue add element-plus

这时你会看到在src/plugins目录下面生成了一个element.js文件，由于我们使用的是TypeScript，需要手动将其后缀改为.ts，即将element.js文件的文件名重命名为element.ts。打开它，为其中的app加入类型声明为any类型：

import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import locale from 'element-plus/lib/locale/lang/zh-cn'export default (app: any) => {app.use(ElementPlus, { locale })
}

5. 完成：

运行该项目：

npm run serve

你将看到如下界面：

其中显著的标记是中间的蓝色按钮，他是ElementUI提供的一个按钮组件：

当你看到它时，表示你安装成功了。

Vue3 + Typescript + Node.js 搭建elementUI使用环境相关推荐

二十七、Node.js搭建第一个Express应用框架
@Author:Runsen @Date:2020/6/8 人生最重要的不是所站的位置,而是内心所朝的方向.只要我在每篇博文中写得自己体会,修炼身心:在每天的不断重复学习中,耐住寂寞,练就真功,不畏艰 ...
Node.js(一)——(Node.js安装及使用，通过Node.js搭建服务器，模块化及自定义模块，npm/yarn/nvm，内置模块fs的使用，buffer及stream，新闻列表案例)
目录 1.Node.js介绍 2.安装Node.js 3.使用Node.js实现第一个服务器 3.1初步感受Node.js 3.2Google Chrome 默认非安全端口列表,尽量避免以下端口. 3 ...
node.js搭建代理服务器实现跨域
node.js搭建代理服务器实现跨域前后端分离,本地前端开发调用接口会有跨域问题,一般有以下3种解决方法: 后端接口打包到本地运行(缺点:每次后端更新都要去测试服下一个更新包,还要在本地搭建java ...
node.js搭建简易Web服务器
node.js搭建简易Web服务器 node.js简介 Node.js 是一个基于V8引擎的JavaScript 运行环境. V8 是为Google Chrome 提供支持的 JavaScript 引 ...
Node.js搭建一个简单的服务器
文章目录 Node.js的安装了解Node.js模块系统服务器的搭建一.创建一个Web服务器注意程序代码运行二.静态资源托管静态资源注意程序代码运行三.简单接口的实现(简单服务 ...
Node.js搭建https服务器
文章目录前言一.下载Nginx类型证书二.打开下载好的文件,将.pem后缀的文件修改为.crt 三.编写Node.js程序四.把程序上传到云服务器运行五.启动服务器,进行本地测试总结前言 ...
一、node.js搭建最简单的服务器
node.js搭建最简单的服务器代码演示: // 1. 加载http核心模块 var http = require('http')// 2. 使用http.createServer()方法创建一个W ...
Node.js搭建本地HTTP服务器（微信小程序）
Node.js搭建本地HTTP服务器(微信小程序) Node.js简易搭建本地HTTP服务器 1. 首先关闭微信开发者工具中的验证单击工具栏中的详情按钮,选中图中所示选项即可. 2. 将Node.j ...
node 邮箱服务器,Node.js 搭建邮件服务器
Node.js 搭建邮件服务器 servervar smtp = require('smtp-protocol'); var server = smtp.createServer(function ( ...

Vue3 + Typescript + Node.js 搭建elementUI使用环境