1、首先去node.js官网下载系统对应的node.js版本。

2、安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装完成之后,在命令行下,输入 node -v及npm -v检查node和npm(node自带npm)安装是否成功。

4、安装最新版vue/cli
npm i -g @vue/cli

5、VUE+Element-UI环境搭建

6、目录结构

build:项目构建webpack(打包器)相关代码

config:配置目录,包括端口号等

node_modules:npm加载的项目依赖模块

src:主要代码开发目录。

assets:放置一些图片

components:放置组建文件

App.vue:项目入口文件

main.js:项目的js核心文件

router:Vue路由文件目录, 在router/index.js中可以定义不同url访问不同的内容

static:静态资源目录,如图片,字体等

test:测试目录

index.html:首页入口文件,可以添加meta信息或统计代码

package.json:项目配置文件

README.md:项目的说明文档,markdown格式

体验使用node.js创建vue+Element-UI项目相关推荐

  1. 实验管理系统springboot+vue+element ui项目开发

    实验管理系统 某学院实验老师长期采用人工的形式完成药品试剂的入库.查询.出库的流程.但这种方式存在诸多问题和不便: 1. 在仓库运行流程中效率不高,容易出错. 2. 管理人员不能方便的了解每种物品的状 ...

  2. 在Vue+Element ui 项目中如何使用iconfont(阿里图标库)中的图标

    在项目过程中,element ui 中自带的图标往往满足不了自己的需求,那么如何在项目中使用iconfont的图标呢? 在iconfont中新建一个项目 找到自己想要的图标,加入购物车,加入完成后点击 ...

  3. vue+element ui 项目 后台管理系统

      前端界面 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF ...

  4. 基于Vue+Element UI+Node+MongoDB的医院门诊预约挂号系统

    目录 概述 3 系统目标 3 需求分析 3 功能需求 3 非功能需求 4 设计 4 数据库设计 4 数据库说明 4 数据结构 4 接口设计 5 登录 5 注册.添加信息 6 查询信息 6 查询全部病人 ...

  5. nodeJs + webpack+vue+ element ui 环境安装

    一.安装nodeJs 1.打开NodeJs官网:https://nodejs.org/en/download/  点击下载 2.双击安装,安装过程基本直接"NEXT"就可以了.(w ...

  6. Vue + Element UI 实现 登陆注册基本demo实例

    Vue + Element UI 实现权限管理系统 前端篇(二):Vue + Element 案例 导入项目 打开 Visual Studio Code,File --> add Folder ...

  7. 【Vue 快速入门】从零开始搭建 VUE + Element UI后台管理系统框架

    [Vue 快速入门]从零开始搭建 VUE + Element UI后台管理系统框架 前言 后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条 ...

  8. 基于vue(element ui) + ssm + shiro 的权限框架

    zhcc 基于vue(element ui) + ssm + shiro 的权限框架 引言 心声 现在的Java世界,各种资源很丰富,不得不说,从分布式,服务化,orm,再到前端控制,权限等等玲琅满目 ...

  9. 【前端】Vue+Element UI案例:通用后台管理系统-用户管理:Table表格增删查改、Pagination分页、搜索框

    文章目录 目标 代码 0.结构 1.按钮-删除 2.按钮-编辑 3.debug 4.样式 5.分页Pagination:功能 6.分页Pagination:样式 7.搜索框:功能 8.搜索框:样式 总 ...

最新文章

  1. C语言SQLite3基本操作Demo
  2. numpy.linalg.svd
  3. linux 进程 崩溃被杀 原因查找
  4. 《零基础入门学习Python》学习过程笔记【30模块中的函数,os模块,ospath模块中的函数(看了一点)】...
  5. C语言优先级——取反和移位
  6. linux eclipse java_从Linux终端编译运行Eclipse Java项目
  7. Github issue里MVP和Stretch label的区别
  8. MongoDB实战(11)Sharding 分片(上)
  9. Wannafly挑战赛27: E. 黄魔法师(构造)
  10. mysql-connector-odbc-5.3.12-win32.msi安装步骤
  11. Maven:Maven基础
  12. 使用Hex2Bin软件将Hex文件转Bin文件
  13. OpenGL超级宝典(第7版)笔记7 细分曲面初介绍 清单3.7-3.8
  14. 勒索病毒WannaCry深度技术分析:详解传播、感染和危害细节
  15. CSYZDay2模拟题解
  16. Java从入门到精通十一(javaIO流)
  17. 上海富爸爸_放弃高薪选择财务自由之路(转)
  18. 介绍一下xgb_XGB羽毛球app
  19. 什么是高防CDN?高防CDN有哪些作用?
  20. 加强团队沟通,有效推进项目进度

热门文章

  1. 深度学习核心技术精讲100篇(七十五)-集成学习
  2. 微信黑科技-推荐系统,一文带你看懂为什么微信推荐这么快?
  3. MATLAB中的varargin,varargout在函数中运用
  4. python判断txt文件是否为空_Python中的空值怎么判断
  5. 日语输入法电脑版_日语输入法下载及使用教程【建议收藏】
  6. Matplotlib实例教程(十六)3D直方图
  7. 关于更改linux源文件的问题(ubuntu)
  8. Thrown KeeperErrorCode = Unimplemented for /services exception
  9. 兼顾稳定和性能,58大数据平台的技术演进与实践
  10. 对request.getSession(false)的理解(附程序员常疏忽的一个漏洞)--转