VUE从零开始环境搭建

1.首先要下载与安装node.js(http://nodejs.cn/)

  • 说明:
  • node.exe是node.js的运行环境,类似java的java.exe
  • npm用于管理nodejs组件包的下载和依赖关系包的下载,类似于java的maven或者是python的pip工具

VUE从零开始环境搭建

这里选择windows安装包64位的

安装的地址自行选择:

VUE从零开始环境搭建

这里我其他的开发工具与工作空间都在D:\Program Files文件夹下,一直next就可以,直到安装完成

 

然后在cmd命令下查看是否安装成功

 

 

2.nodejs 指定全局安装路径和缓存路径

  • 说明:
  • 单独设置global和cache的文件夹的目的是为了修改默认存放位置,现在很多工具都把下载内容放在C盘的User目录下,如果你的nodejs安装路径不在C盘,你的C盘也不想那么大的话,尽可能设置一下。

 在nodejs安装路径下,新建node_global和node_cache两个文件夹VUE从零开始环境搭建

CMD命令下运行

  设置缓存文件夹               npm config set cache "D:\Program Files\nodejs\node_cache" 

  设置全局模块存放路径    npm config set prefix "D:\Program Files\nodejs\node_global" 

 

VUE从零开始环境搭建

环境变量如果不配置,那么有可能node -v在其他命令状态下打印不出版本

VUE从零开始环境搭建

 

--这里我还是没有配置环境变量,因为不配置也可以使用(PS:java的环境变量我都基本不配置)

 

---------------------------------------------------------------------------------------------------------------------------------------------------------

上面是搞vue之前要做的

下面是安装vue以及vue-cli

--------------------------------------------------------------------------------------------------------------------------------------------------------

1.vue安装

安装vue之前,建议把cnpm 进行安装,这个是淘宝对npm镜像,npm服务在国外,如果通过npm安装过程较慢

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

VUE从零开始环境搭建

-->cnpm安装完成

VUE从零开始环境搭建

 

vue安装(淘宝镜像对应命令npm改为cnpm即可)

npm install vue -g

VUE从零开始环境搭建

2.安装vue-cli(淘宝镜像对应命令npm改为cnpm即可)

vue-cli的官网地址为:https://cli.vuejs.org/zh/

npm install vue-cli -g

VUE从零开始环境搭建

 

接下来就应该是vue项目的创建了

参考:

https://www.jianshu.com/p/2fe2723d1da6

https://www.cnblogs.com/harbors/p/12673337.html