Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)

发布网友发布时间：2024-10-10 18:00

共1个回答

热心网友时间：2024-11-13 18:46

VueJS，近年来最炙手可热的前端框架之一，被众多网站所青睐，其轻量化、简洁性以及对前端开发者的友好性，使得学习门槛较低，便于上手。ElementUI，一款基于Vue的前端组件库，由饿了么团队开发，广泛应用于网站构建。构建网站必备的环境如下：

首先，需要安装Node.js，直接从官网下载适合Windows系统的 .msi 文件，双击安装。

安装完成后，通过命令行输入 `npm -v` 检查是否成功安装以及版本信息。

使用WebStorm，创建一个Vue模板，设置编辑器为ES6语法。

创建ElementUI工程，步骤包括：使用git命令下载官方模板；使用cnpm安装依赖模块；运行项目。工程内集成了bable、webpack等插件，无需额外配置。安装依赖后，通过命令行安装新添加的依赖包，如vue-router。

打包和运行工程，使用命令行执行相关指令。在工程根目录的webpack.config.js文件中，可查看本地服务器配置信息。输入`npm run dev`启动本地服务器，成功编译后，通过`localhost:8010`访问，即可看到Vuejs2.0 ＋ElementUI工程运行界面。点击特定按钮，体验ElementUI组件功能。

至此，基础的VueJS2.0和ElementUI网站构建完成，后续将逐步介绍更深入的单页面应用构建方法和细节。