1. 环境准备
1.1 安装nodejs
去官网上下载最新版本的nodejs,点击安装
1.安装时修改安装路径
2.安装完以后在安装目录下添加两个文件夹:node_cache和node_global,用于存放不同选项下下载的路径
3.配置缓存及全局模块存放路径
用管理员身份运行command
设置缓存文件夹 npm config set cache “D:\vueProject\nodejs\node_cache”
设置全局模块存放路径 npm config set prefix “D:\vueProject\nodejs\node_global”
4.配置环境变量(可选但是最好配一下)
4.1系统变量添加NODE_PATH,值为nodejs的安装目录D:\softwares\nodejs
4.2系统变量中的path添加一个D:\softwares\nodejs,一般自动添加好了
4.3用户变量中编辑PATH,添加%NODE_PATH%\node_global
5.下载一个试试
npm install express -g -g是下载到node_global文件夹下的意思
1.2 安装cnpm(淘宝镜像)
安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
验证命令:cnpm -v (这边如果在全局变量中没有,说明是没有配nodejs的环境变量)
1.3 安装webpack 和 webpack-cli
cnpm install webpack -g
cnpm install webpack-cli -g
验证 : webpack -v
1.4 安装vue 和 vue-cli
cnpm install vue -g
cnpm install vue-cli -g
验证 : vue -V
1.5 安装git
直接下载git安装包,安装。
验证:右键菜单中有了git GUI Here 和 git Bash Here
2. 使用命令行创建一个Vue项目
1.本地创建一个目录,用于存放vue项目
2.进入到这个目录,并且打开command
3.输入vue init webpack vue-demo,意思是用webpack初始化一个叫vue-demo的项目,名称可以自选
其中,route选yes,ESLint选yes。比较重要,一个是自动配置路由,一个是检测js语法格式,如果不规范会有很多报错信息。
4.进入vue项目目录,运行npm install,下载所有依赖
5.npm run serve
如果有报错,可以cnpm install,重新安装一下所需要的依赖。