win7下 vue环境搭建

vue

1. nodejs安装

官网下载安装文件

http://nodejs.cn/download/

找到想要的版本，如：

双击"node-v8.9.0-x64.msi"，开始安装nodejs(一键安装)

在cmd控制台输入：node -v，控制台将打印出：v8.9.0，出现版本提示表示安装成功。

[size=13.3333px]根据代码一定要安装对应版本的nodejs，否则可能出错，如：

[size=13.3333px]

### 技术栈

vue + vuex + vue-router + vue-cli3.0 + axios

node v8.11.0

2.npm

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安装成功后显示版本号

由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装

3.vue-cli

Vue的脚手架工具,用来生成Vue工程

主要作用：目录结构、本地调试、代码部署、热加载、单元测试

# 全局安装 vue-cli

$ npm install --global vue-cli

安装成功后显示版本号

运行vue查看是否安装成功：

> vue

4.vuex

安装vuex

$ npm install vuex

5.安装vscodehttps://code.visualstudio.com/

6.需要的话根据情况配置本地host

C:\Windows\System32\drivers\etc\hosts

127.0.0.1 c.test.cn

7. 安装项目

进入D:\workspace\tool_pc>目录：

npm install

8. 启动服务

进入D:\workspace\pc>目录：

$ npm run serve

然后就可以访问：http://c.test.cn:8080/#/