vue初学之node.js安装、cnpm安装、vue初体验

1. 如果本机没有安装node运行环境,请下载node 安装包进行安装。地址:https://nodejs.org/en/

2.装完,使用cmd命令行输入:node -v回车

如果输出版本号则成功。

3.输入npm -v回车可查看npm的版本号

4.因为npm是国外的服务器,所以使用的时候响应很慢,可以安装国内的淘宝镜像。

在终端输入:npm install -g cnpm --registry=https://registry.npm.taobao.org回车

等待挺长一段时间,安装成功后即可使用cnpm命令行,可使用cnpm -v 回车查看是否成功,如有版本信息则成功。

5.接下来安装vue-cli。

在终端输入cnpm install vue-cli -g回车,等待安装完毕

6.初始化项目:

cnpm init webpack vue-demo回车,

然后一直回车,直到是否要安装 vue-router 项目中肯定要使用到 所以 y 回车,其他都使用n,然后一直回车,等待初始化完毕。

7.在终端输入:cd vue-demo回车

8.cnpm install回车

9.cnpm run dev回车,如在默认浏览器输出如下页面则成功。

有时默认浏览器并不会打开,但是在 终端会出现如下:

这时复制里面那个http://localhost:8080打开浏览器,如果也能出现那个vue的页面也是成功了的。

原文地址:https://www.cnblogs.com/Yirson/p/8763166.html

时间: 2024-10-03 08:05:50

vue初学之node.js安装、cnpm安装、vue初体验的相关文章

Node.js入门:Node.js&NPM的安装与配置

Node.js安装与配置  Node.js已经诞生两年有余,由于一直处于快速开发中,过去的一些安装配置介绍多数针对0.4.x版本而言的,并非适合最新的0.6.x的版本情况了,对此,我们将在0.6.x的版本上介绍Node.js的安装和配置.(本文一律以0.6.1为例,0.6的其余版本,只需替换版本号即可.从http://nodejs.org/#download可以查看到最新的二进制版本和源代码). Windows平台下的Node.js安装 在过去,Node.js一直不支持在Windows平台下原生

windows下node.js+sublime中安装coffeescript

node.js中安装Coffeescript 1.我的node.js安装目录 2.node.js 全局模块所在目录 3.node.js安装coffeescript 1 npm install -g coffee-script 至此理论上node.js中已经安装好coffeescript编译器了,不过我第二次安装时遇到了问题,就是-w参数使用时会报错,Error:watch EINVAL 我在第一安装时,没遇到任何问题,不过那个时候,没有明确的安装步骤.当时找到的一些资料讲的并不明确.不过-c参数

Red hat Linux 安装Node.js 源码安装

1. 下载源码包 http://nodejs.org/dist/v0.10.29/node-v0.10.29.tar.gz 2.准备安装环境,>python2.6, gcc, g++ python redhat自带了不用装, gcc:  yum install -y gcc gcc-c++ 3. tar -zxf node-v0.10.29.tar.gz cd node-v0.10.29 ./configure && make && sudo make install

<亲测>CentOS 7.3下Node.js 8.6安装配置(含NPM以及PM2)

CentOS 7.3下Node.js 8.6安装配置 2017年09月30日 14:12:02 阅读数:2245更多 个人分类: Nodejs 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/mawenwu1983/article/details/78142253 1.官网下载 https://nodejs.org/en/download/current/ https://nodejs.org/dist/v8.6.0/node-v8.6.0-li

Vue Element+Node.js开发企业通用管理后台系统

第1章 课程介绍介绍项目背景.达到的目标.技术栈和功能演示 第2章 课程分析课程分析 第3章 Vue进阶(上)对Vue的进阶知识进行讲解,包括$emit和$on.directive指令.组件化.Vue插件等相关内容. 第4章 Vue进阶(下)对Vue的进阶知识进行讲解,包括组件通信.过滤器.监听器.Vue2.6重要新特性等相关内容. 第5章 Element-UI入门对Element-UI的内容进行讲解,包括如何搭建Element-UI使用环境,如何使用插件快速集成Element-UI,并通过el

Node.js webpack Vue-CLI --安装

Node.js 安装 从官网 下载 安装 Node.js 官网 Node.js 官方文档 cmd 命令 node -v 查看版本号 v10.15.0 npm 包管理工具 npm 是JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具. (类似Python中的pip一样.) 由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了.同样可以通过输入 npm -v 来测试是否成功 更新npm至最新的稳定版本 使用版本 v6.4.1 npm install

[浅学] 1、Node.js尝试_安装&运行第一个helloworld

官网:https://nodejs.org/ 介绍:Node.js® is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for d

探秘Node.js(一)——Node.js简介及安装配置

1.Node.js 简介及特点: Node.js 是一个可以让 JavaScript 运行在服务器端的平台,它可以让JavaScript 脱离浏览器的束缚运行在一般的服务器环境下,就像运行 Python. Perl. PHP. Ruby 程序一样.我们可以用 Node.js 轻松地进行服务器端应用开发,Python. Perl. PHP. Ruby 能做的事 Node.js 几乎都能做,而且可以做得更好. Node.js 最大的特点就是采用异步式 I/O 与事件驱动的架构设计.对于高并发的解决方

Node.js与Express4安装与配置

Nodejs简介 Node.js 基于 Chrome JavaScript 运行环境,用于便捷地搭建快速.可扩展的网络应用. 它使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又高效, 非常适合于运行在分布式设备的数据密集型实时应用. 当前版本:v0.12.4 安装配置Node.js 在 官网下载页 根据自己的平台选择安装程序.对于Windows有msi与exe两种选择.msi会自动装好node与npm,同时设置一些环境变量.为了学习和配置上的灵活性,这里选择下载64位的exe文件. 建立