vue-cli 搭建项目&使用node.js安装router,ElementUI,axios组件

本文介绍了如何利用vue-cli搭建基于Vue.js的前端项目,详细阐述了Node.js环境的配置,包括npm的使用。接着讲解了vue-router的安装与配置,实现组件路由,并探讨了路由导航守卫和嵌套。同时,文章还涵盖了ElementUI的安装和基本使用,以及如何集成axios进行网络请求,包括GET、POST等常见API的运用。
摘要由CSDN通过智能技术生成

vue-cli 官方提供的一个脚手架,用于快速生成一个 vue 的项目模板;预先定义 好的目录结构及基础代码,就好比咱们在创建 Maven 项目时可以选择创建一个 骨架项目,这个骨架项目就是脚手架,我们的开发更加的快速;

主要的功能

 统一的目录结构  本地调试  热部署  单元测试  集成打包上线

需要的环境

Node.js

简单的说 Node.js 就是运行在服务端的 JavaScript。如果你熟悉 Javascript, 那么你将会很容易的学会 Node.js。

Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。

Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境,基于 Google 的 V8 引擎, V8 引擎执行 Javascript 的速度非常快,性能非常好。

npm

npm 是 Node.js 的包管理工具,用来安装各种 Node.js 的扩展。npm 是 JavaScript 的包管理工具,也是世界上最大的软件注册表。有超过 60 万个 JavaScript 代码包可供下载,每周下载约 30 亿次。npm 让 JavaScript 开 发人员可以轻松地使用其他开发人员共享的代码。

nodejs安装

下载 nodejs

http://nodejs.cn/download/(最新版)

https://nodejs.org/zh-cn/download/releases/(以往版本)

 安装

傻瓜式的安装,一直点下一步即可

注意这一步

 配置环境变量

只需要在path路径中添加刚才下载nodejs

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值