vue的安装与配置

• node.js
• vue-vli

一,node.js安装与配置

获取安装点这里 nojs安装地址
按照自己的系统选择

见图安装

node --version查看版本

二,配置默认安装目录和缓存日志目录

创建两个文件夹【node_global】及【node_cache】分别作为默认安装目录和缓存日志目录

#这是你的路径
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"

查看npm配置路径

  npm config list

三,修改为淘宝镜像

1. 查看npm下载源

  npm config get registry 

2. 直接修改npm命令的仓库地址为淘宝镜像源

>  npm config set registry https://registry.npm.taobao.org

或者安装cnpm,下载更快

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

四,vue脚手架的安装

1.全局安装(-g)安装vue.js,使用命令(看你自己选择)

cnpm install vue -g
npm install vue -g

2.查看vue信息

cnpm info vue
npm info vue

3.安装vue cil 脚手架(用与生成工程文件)

npm install vue-cli -g

4,查看vue版本

vue -V

五,创建与运行vue项目

1.使用以下命令+项目名称

vue create 

然后进入项目

npm run serve

就会得到一个本地地址,进入

成功!