学习Vue第一天------------vue搭建
今天开始学习Vue,在这里将自己的学习过程记录一下,也好方便以后的回想。
1.下载node.js并安装
下载lts版本就好,直接安装。
安装完成后配置一下环境变量:
至于为什么要配置环境变量是因为:环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为默认的安装路径是c盘,占用了c盘的空间。
步骤:
a.在node.js 的根目录下创建两个文件夹分别为:【node_global】及【node_cache】
b.cmd 命令下依次输入:
npm config set prefix “D:\Develop\nodejs\node_global”
npm config set cache “D:\Develop\nodejs\node_cache”
c.配置环境变量:
新建用户变量path:
新建系统变量NODE_PATH:
新建系统变量path:
d.测试
输入如下命令进行模块的全局安装:
npm install express -g # -g是全局安装的意思
2.安装脚手架vue cli
cmd命令下输入:nmp install -g vue-cli
安装完成后输入:vue -V 出现版本号及证明OK了
(注意一下:这里的-V是要大写的)
3.下载Git并安装
按理说到第2步就已经结束了,为什么还要有第三步呢?
首先在创建vue项目时直接使用windows的cmd命令跳到指定文件夹下不方便,第二则是如下图:
乱码了!
下载后直接双击安装,一路next,在以下几个页面稍稍注意下:
安装完成后在电脑桌面右击会出现:
到这里所有的准备工作基本上就算是完成了。欢迎各位指正,发表见解