vue入门环境安装

一、下载安装最新nodejs

nodejs官网：https://nodejs.org/en/

下载后安装选择add to path （自动添加环境变量）

如果安装成功后输入node -v 会输出版本号

二、配置nodejs

安装成功后设置全局文件夹和缓存文件夹便于管理

1、在nodejs安装目录下新建node_cache文件夹和node_global两个文件夹

2、设置缓存文件夹

设置成功后npm i 依赖包名称 -g就会在node_global中

3、设置淘宝镜像

4、配置环境变量

将node_global文件夹添加至系统变量

新增系统变量：NODE_PATH（在node_global中的node_modules文件夹）

三、安装vue

安装好nodejs后需要重新打开命令行

npm i vue -g

安装好vue后需要重新打开命令行

安装脚手架

四、创建项目运行

1、新建一个文件夹来存放项目

2、打开命令行进入项目目录

    运行：vue init webpack MyVue( 项目名称)

cd 到项目根目录运行

安装依赖包

npm i（i是install的缩写）

安装依赖完成

运行项目

npm run dev

运行完成后会自动打开浏览器（有些不会）

复制这个网址也能访问