Vue基础:环境配置

一、安装node.js

安装成功 node -v

npm -v

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

1.目录最好英文

 2、新建node_global和node_cache两个文件夹

3.设置缓存文件夹和全局模块存放路径文件夹

npm config set catche  "D:\nodejs\node_cache"

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

查看 

npm config get catche

npm config get prefix

npm list --global

三.nodejs环境变量配置

系统变量配置 nodejs路径（D:\nodejs\）

NODE_PATH (D:\nodejs\node_global\node_modules)

用户变量   （D:\nodejs\node_global   D:\nodejs\node_cache ）

四.配置淘宝镜像

查看npm config get registry

配置npm config get registry  https://registry.npm.taobao.org

五.安装vue

npm install vue -g

npm install @vue/cli –g

查看 npm info vue

vue -v

安装webpack模板

npm install webpack -g

npm install --global webpack-cli

查看webpack -v

六.创建项目

打开命令行工具，进入相应的文件夹路径下，

执行命令vue init webpack "自己的项目名"

配置参数

 

输入npm run dev运行

浏览器里输入:http://localhost:8080测试