VUE从零开始环境搭建
1.首先要下载与安装node.js(http://nodejs.cn/)
- 说明:
- node.exe是node.js的运行环境,类似java的java.exe
- npm用于管理nodejs组件包的下载和依赖关系包的下载,类似于java的maven或者是python的pip工具
这里选择windows安装包64位的
安装的地址自行选择:
这里我其他的开发工具与工作空间都在D:\Program Files文件夹下,一直next就可以,直到安装完成
然后在cmd命令下查看是否安装成功
2.nodejs 指定全局安装路径和缓存路径
- 说明:
- 单独设置global和cache的文件夹的目的是为了修改默认存放位置,现在很多工具都把下载内容放在C盘的User目录下,如果你的nodejs安装路径不在C盘,你的C盘也不想那么大的话,尽可能设置一下。
在nodejs安装路径下,新建node_global和node_cache两个文件夹
CMD命令下运行
设置缓存文件夹 npm config set cache "D:\Program Files\nodejs\node_cache"
设置全局模块存放路径 npm config set prefix "D:\Program Files\nodejs\node_global"
环境变量如果不配置,那么有可能node -v在其他命令状态下打印不出版本
--这里我还是没有配置环境变量,因为不配置也可以使用(PS:java的环境变量我都基本不配置)
---------------------------------------------------------------------------------------------------------------------------------------------------------
上面是搞vue之前要做的
下面是安装vue以及vue-cli
--------------------------------------------------------------------------------------------------------------------------------------------------------
1.vue安装
安装vue之前,建议把cnpm 进行安装,这个是淘宝对npm镜像,npm服务在国外,如果通过npm安装过程较慢
npm install -g cnpm --registry=https://registry.npm.taobao.org
-->cnpm安装完成
vue安装(淘宝镜像对应命令npm改为cnpm即可)
npm install vue -g
2.安装vue-cli(淘宝镜像对应命令npm改为cnpm即可)
vue-cli的官网地址为:https://cli.vuejs.org/zh/
npm install vue-cli -g
接下来就应该是vue项目的创建了
参考: