Vue学习之路1-集成环境安装

1.前言

Vue 是一款友好的、多用途且高性能的javascript框架,与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用,它能够帮你创建可维护性和可测试性更强的代码库,Vue是渐进式的javascript框架库。

2.安装简介

Vue集成环境三大核心组件:node.js,npm,vue。

3.node.js安装

下载地址:https://nodejs.org/en/download/,根据操作系统选择实际需要的后缀名为.msi快捷安装包进行安装。node工具安装包括了npm工具,安装node同时会安装npm,node安装完成后需要重启计算机。

4.Vue安装

在dos命令中npm install --global vue-cli ,全局安装vue-cli。

5.检查三个核心组件是否安装成功

在dos命令环境中查看是否安装成功以及安装版本号:

查看nodejs:node -v

查看npm:npm -v

查看vue:vue -V

示例如下:

原文地址:https://www.cnblogs.com/vuenote/p/9315171.html

时间: 2024-10-25 15:57:37

Vue学习之路1-集成环境安装的相关文章

Sass学习之路(2)——Sass环境安装(windows版)

因为本喵目前用的是window10的本子,所以这里就发windows版本的安装流程啦.(希望有朋友可以赞助我一个mac(┳_┳)): 第一步:安装ruby 因为Sass是基于ruby编写的,所以先去官网下载ruby(百度一下,你就知道). 当然了,国外的网站,动不动上不去,或者下载不了都有可能,所以百度软件中心这个也是可以的,亲测可用 点开以后选择普通下载,防止捆绑,从我做起. 下载完以后几乎是傻瓜式安装,使用默认路径就可以, 注意这里要勾上第二项,不然可能会出现找不到Ruby环境的情况.(就像

后端开发者的Vue学习之路(二)

目录 上篇内容回顾: 数据绑定 表单输入框绑定 单行文本输入框 多行文本输入框 复选框checkbox 单选框radio 选择框select 数据绑定的修饰符 .lazy .number .trim 样式绑定 class绑定 对象语法: 数组语法: style绑定 对象语法: 数组语法: 补充: 事件 绑定事件 事件修饰符 按键修饰符 事件绑定的简写 补充: Vue指令 数组操作 官网的话 补充: Vue的元素复用问题 数据残留问题 问题的解决: 首发日期:2019-01-20 上篇内容回顾:

php集成环境安装与测试

一. 软件下载 1. AppServ 2.5.10包含的软件有Apache.Apache Monitor.PHP.MySQL.PHP-Nuke.phpMyAdmin. 2. 下载地址: http://www.appservnetwork.com/index.php?newlang=chinese 二. 软件介绍: 1.Apache服务器 安装位置:C:\AppServ\Apache2.2 配置文件:C:\AppServ\Apache2.2\conf\httpd.conf 网页存放位置:C:\Ap

vue学习之路 - 4.基本操作(下)

vue学习之路 - 4.基本操作(下) 简述:本章节主要介绍 vue 的一些其他常用指令. Vue 指令 这里将 vue 的指令分为系统内部指令(vue 自带指令)和用户自定义指令两种. 系统内部指令 v-if v-else v-else-if v-for v-on v-bind v-model 以上指令前面都已说明其作用,并且使用过,这里将不再赘述. 下面我们看看 vue 的一些其他常用指令的用法: 在学习 v-text 和 v-cloak 之前我们先看看{{ }}的使用所存在的问题. {{

VUE学习之路一环境/项目创建

vue环境安装 nodejs 需要配置环境变量 脚手架安装工具 npm install --global vue-cli / cnpm install --global vue-cli //安装cnpm命令时需要配置淘宝镜像 创建项目 创建的位置必须要先CD到相应的目录下 cli2.X    创建: vue init webpack project-name     运行:npm run dev cli3.x    vue create webpack project-name npm run

vue学习【一、开发环境搭建】

一.安装node.js https://nodejs.org/en/ 建议安装LTS版本 安装完毕之后cmd命令查看node版本,如果不识别,记住设置环境变量 显示上面信息则安装成功 二.设置nodejs prefix(全局)和cache(缓存)路径 在nodejs安装根路径新建缓存路径和全局路径 设置缓存文件夹 npm config set cache "D:\Program Files\nodejs\node_cache" 设置模块存放路径 npm config set prefi

vue学习笔记——简单的介绍以及安装(一)

学习编程需要的是 API+不断地练习^_^ Vue官网:https://cn.vuejs.org/ 菜鸟教程:http://www.runoob.com/vue2/vue-tutorial.html 1.简单的介绍 Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的渐进式框架. Vue 只关注视图层, 采用自底向上增量开发的设计. Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. Vue 学习起来非常简单,本教程基于 Vue 2.1.8 版

PHP集成环境安装--php-win.exe 丢失msvcr110.dll

今天给公司php装win7 64位 旗舰版,完了之后他运行集成环境报错.系统肯定是没问题,网上搜一下,迅速有了答案,原来是缺少依赖程序导致.做个小笔记. 原因:缺少Visual C++ 下载程序链接:http://www.microsoft.com/zh-CN/download/details.aspx?id=30679 根据自己的系统版本安装即可.

vue学习之路一:安装vue-element-admin项目

今天看到一个vue网站,觉得很好,立马又有学习vue的冲动了,话不多说,直接贴项目网址: https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md 根据文档,第一步就是安装项目啦! # 克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git # 进入项目目录 cd vue-element-admin # 安装依赖 npm in