记一次vue框架搭建

一.下载安装node.js

1.下载nodejs

https://nodejs.org/en/

2.安装node.js

一路默认

二.设置nodejs prefix（全局）和cache（缓存）路径

1.在安装文件夹下新建node_global和node_cache两个文件夹

2.设置缓存文件夹

npm config set cache "D:\ProgramFiles\nodejs\node_cache"

3.设置全局模块存放路径

npm config set prefix "D:\ProgramFiles\nodejs\node_global"

4.基于 Node.js 安装cnpm（淘宝镜像）

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

三.添加环境变量

1.添加path变量

2.新建NODE_PATH变量

四.安装vue

cnpm install vue -g

五。安装vue命令行工具

cnpm install vue-cli -g

六.创建项目mytest,并启动项目

1.选中要创建的目录

vue init webpack-simple mytest

2.安装依赖

cnpm install

3.运行项目

cnpm run dev

vue安装成功