Vue安装

    这篇文章是本人学习其他博主配置vue的博客，成功配置的过程记录，仅用于个人学习和记录，希望可以帮助到新入门读者，可以跟着博主的设置一步步配置，也可以自行更改位置，以下是原博客作者的链接：
Vue安装及环境配置、开发工具_袁小萌同学的博客-CSDN博客_vue安装及环境配置

---

node.js下载

官网https://nodejs.org/en/download，建议使用IDM下载，官网速度较慢

修改一下安装路径 D:\development\node

在cmd中测试一下是否安装成功了：输入 node -v 与 npm –v分别查看版本信息

---

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

配置node模块的安装路径，防止其直接装到C盘去

在node安装路径下创建两个文件夹node_global及node_cache分别作为默认安装目录和缓存日志目录

#不要直接粘贴，修改成自己的路径，如果文件夹一致可以粘贴下面博主的安装路径
npm config set prefix "你的默认安装路径"
npm config set cache "你的缓存日志路径"

#博主的安装路径
npm config set prefix "D:\development\node\node_global"
npm config set cache "D:\development\node\node_cache"

#检查配置是否正确
npm list -global

---

node.js环境配置

搜索环境变量 或者 “我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

在D:\development\node\node_global目录下新建文件夹node_modules

新建系统变量，NODE_PATH，输入node_global目录下的node_modules模块位置，我的配置如下

D:\development\node\node_global\node_modules

点击系统变量下的Path，添加node的安装路径D:\development\node\

修改用户变量Path，将C盘的npm删除掉，添加D:\development\node\node_cache和D:\development\node\node_global

注意：环境变量配置完成后一定要把所有的确定都点了才能保存

---

配置淘宝镜像源

#修改npm的默认配置
npm config set registry "https://registry.npm.taobao.org"

#检查配置是否成功
npm config list

---

安装vue.js

npm install vue -g
-g是全局安装，指安装到global全局目录去，可以看到，新文件进入配置的目录了

注意：一定要用管理员身份运行cmd，否则出现如下报错，意思是mkdir（创建文件夹）没有权限

这一次就成功了，查看安装的vue版本npm list vue

---

安装webpack模板

#安装webpack模板
npm install webpack -g

#安装webpack-cli
npm install --global webpack-cli

#安装成功后查看版本号
webpack -v

---

安装脚手架vue-cli 2.x

#安装脚手架vue-cli 
npm install vue-cli -g

#安装vue-router
npm install -g vue-router

---

vue-cli2创建vue项目

命令行cd到D:\code_project\code 项目名不要取中文和大写字母

 vue init webpack hello_vue

注意：因为创建项目会mkdir，所以也需要管理员权限

Project name（工程名） 回车
Project description（工程介绍） 回车
Author (作者名) 回车
Vue build（是否安装编译器）runtime-compiler、 runtime-only 都是打包方式，第二个效率更高；
Install vue-router (是否要安装 vue-router) 项目中肯定要使用到路由，Y 回车
Use ESLint to lint your code (是否需要ESLint检测代码) n 回车
Set up unit tests （是否安装 单元测试工具） n 回车
Setup e2e tests with Nightwatch （是否需要端到端测试工具） n回车
Should we run npm install for you after the project has been created? 安装依赖npm install 回车