前端学习-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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容