学习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:
Vue搭建第一天
新建系统变量NODE_PATH:
Vue搭建第一天
新建系统变量path:
Vue搭建第一天
d.测试
输入如下命令进行模块的全局安装:
npm install express -g # -g是全局安装的意思
Vue搭建第一天

2.安装脚手架vue cli

cmd命令下输入:nmp install -g vue-cli
安装完成后输入:vue -V 出现版本号及证明OK了
(注意一下:这里的-V是要大写的)

3.下载Git并安装

按理说到第2步就已经结束了,为什么还要有第三步呢?

首先在创建vue项目时直接使用windows的cmd命令跳到指定文件夹下不方便,第二则是如下图:
Vue搭建第一天
乱码了!

下载后直接双击安装,一路next,在以下几个页面稍稍注意下:

Vue搭建第一天
Vue搭建第一天

安装完成后在电脑桌面右击会出现:

Vue搭建第一天
到这里所有的准备工作基本上就算是完成了。欢迎各位指正,发表见解

相关文章:

  • 2021-05-14
  • 2021-04-29
  • 2021-12-21
  • 2021-03-30
  • 2021-10-14
  • 2021-08-17
  • 2022-03-08
  • 2021-07-01
猜你喜欢
  • 2021-06-19
  • 2021-12-28
  • 2021-10-15
  • 2021-08-27
  • 2021-09-17
  • 2021-08-24
相关资源
相似解决方案