1.首先安装node.js

从node.js官网下载并安装node msi文件

安装vue环境_命令行


安装完后

打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明安装成功

安装vue环境_vue.js_02


2.npm包管理器,是集成在node中的,所以,直接输入 npm -v就会如下图所示,显示出npm的版本信息

安装vue环境_命令行_03


3.安装cnpm

有些npm有些资源被屏蔽或者是国外资源,经常会导致用npm安装依赖包的时候失败,所以需要npm的国内镜像—cnpm。

在命令行中输入

npm install -g cnpm –registry=http://registry.npm.taobao.org

然后等待,系统会提示安装最新版本

安装vue环境_热加载_04

4.安装完成后在命令行中运行命令

npm install -g vue-cli

,然后等待安装完成。
接着cd到桌面目录
在命令行中运行命令

vue init webpack firstVue

运行初始化命令的时候回让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认
安装完依赖包之后,就可以运行整个项目了。

5.运行项目
在项目目录中,运行命令

npm run dev

,会用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。

项目运行成功后,浏览器会自动打开localhost:8080(如果浏览器没有自动打开,可以手动输入)

安装vue环境_热加载_05