node.js环境搭建

顾轻舟。

已于 2022-09-25 14:33:35 修改

阅读量1.8k

点赞数 1

分类专栏： vue 文章标签： elementui vue.js 前端

于 2022-09-25 14:28:49 首次发布

本文链接：https://blog.csdn.net/qq_64001795/article/details/127022001

版权

本文介绍了如何搭建Node.js环境，包括下载、解压、配置环境变量和npm，以及验证安装结果。同时讲解了ElementUI，它是基于Vue2.0的组件库，用于前端开发。通过示例展示了如何在HBuilder中使用Vue+ElementUI开发一个弹出框项目。

摘要由CSDN通过智能技术生成

2.3.1 下载下载地址https://nodejs.org/zh-cn/download/

2.3.2 解压

2.3.3 配置环境变量

2.3.4 配置npm全局模块路径和cache默认安装位置

2.3.5 修改npm镜像提高下载速度

2.3.6 验证安装结果

3. 运行nodejs项目

1. ElementUI入门

1.1 ElementUI简介

Vue是一个当下流行的开发框架，它的核心思想是组件化和数据驱动，ElementUI是饿了么推出的基于vue2.0的组件库，提供了丰富的课复用的组件，方便前端的开发。

ElementUI官网http://element-cn.eleme.io/#/zh-CN另外一个与ElmentUI类似提供基于Vue2.0的组件库是iview。

1.2 Vue+ElementUI安装

<!-- 1. 导入css -->
<link href="https://cdn.bootcss.com/element-ui/2.8.2/theme-chalk/index.css" rel="stylesheet">

<!-- 2. 引入vue和vue-router-->
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>

<!-- 未使用vue路由功能可不导入 -->
<script src="https://cdn.bootcss.com/vue-router/3.0.6/vue-router.js"></script>

<!-- 3. 引入ElementUI组件 -->
<script src="https://cdn.bootcss.com/element-ui/2.8.2/index.js"></script>

1.3 开发示例

开发一个基于vue+elementui的弹出框。
1）在HBuilder中建立一个基本html项目，在项目中创建一个html页面文件，导入必要的css及js文件（即安装）。

<head>
    <meta charset="utf-8">
    <title></title>
    <!-- 1. 导入css -->
    <link href="https://cdn.bootcss.com/element-ui/2.8.2/theme-chalk/index.css" rel="stylesheet">
    <!-- 2. 引入vue和vue-router-->
    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
    <!-- 未使用vue路由功能可不导入 -->
    <script src="https://cdn.bootcss.com/vue-router/3.0.6/vue-router.js"></script>
    <!-- 3. 引入ElementUI组件 -->
    <script src="https://cdn.bootcss.com/element-ui/2.8.2/index.js"></script>
</head>

2）在页面中加入一个按钮，点击按钮以便于打开弹出框

<div id="app">
    <button v-on:click="clickme">点我试试</button>
</div>

3）创建vue实例

var vm = new Vue({
    el: '#app',
    methods: {
        clickme: function() {
            console.log("此处需要加入弹出框");
        }
    }
});

3）在elementu

最低0.47元/天解锁文章

顾轻舟。

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
node.js环境搭建

Vue是一个当下流行的开发框架，它的核心思想是组件化和数据驱动，ElementUI是饿了么推出的基于vue2.0的组件库，提供了丰富的课复用的组件，方便前端的开发。ElementUI官网另外一个与ElmentUI类似提供基于Vue2.0的组件库是iview。Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。Node.js使用了一个事件驱动、非阻塞式I/O 的模型。
复制链接

扫一扫