前端学习-Vue.js Windows 环境搭建

一、安装 node.js（https://nodejs.org/en/）

1.在node 安装路径下，新建node_global,node_cache两个文件夹

2.设置缓存文件夹

//查看npm 文件路径
npm config list
npm config set cache "D:\vueProject\nodejs\node_cache"（实际路径）

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

npm config set prefix "D:\vueProject\nodejs\node_global"（实际路径）

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

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

三、安装Vue

cnpm install vue -g
cnpm install vue-cli -g

四、新建项目

1、根据模板创建项目

vue init webpack-simple mytest

项目结构
结构说明

2.安装工程依赖模块

cd 项目目录
cnpm install 

3.运行该项目

cnpm run dev

4.下载安装

Github： Download nvm-windows --- nvm-setup.zip

nvm -v  #查看版本 v1.1.1
nvm install latest # 安装最新版本
nvm use 7.2.0
nvm list # 查看已安装node版本
#设置镜像
nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/
//引入sass
npm rebuild node-sass
npm install node-sass -D
npm install sass-loader -D