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的页面也是成功了的。