node下载以及环境的配置!

一、node下载及配置环境

  1. 安装node,安装包正常安装就好啦。

Node.js官网地址:https://nodejs.org

  1. 安装测试

2.1Win+R  输入cmd打开命令行窗口  进入安装路径 输入node -v

node下载以及环境的配置!_第1张图片

正常出现版本号,代表安装成功

2.2命令提示符输入npm  -v

node下载以及环境的配置!_第2张图片

如果正常出现版本号,代表npm成功

注意:安装完node之后npm会只带,npm属于nodejs里面的一个安装得工具,不需要独立额外进行安装。

  1. 由于node使用npm命令安装的时候默认是在c盘的,node后期安装东西的内存会很大,一般不建议默认路径设置在c盘,所以这里需要手动改变路径,设置nodejs prefix(全局)和cache(缓存)路径。
  2. 在nodejs安装路径下,新建node_global和node_cache两个文件夹

node下载以及环境的配置!_第3张图片

  1. cmd里面运行命令

npm config set cache "D:\nodeJs\node_cache"

 设置全局模块存放路径

npm config set prefix "D:\nodeJs\node_global"

注意: "D:\nodeJs\node_cache"这一部分是自己node安装时候给的路径,自己安装在哪个文件夹下直接复制。

上面的后面引号里面是自己那个文件的路径

node下载以及环境的配置!_第4张图片

两条命令弄完之后,可以使用npm安装一下看一下默认路径有没有改

npm install -g cnpm --registry=https://registry.npm.taobao.org (淘宝镜像)

  1. 设置环境变量

用户变量

node下载以及环境的配置!_第5张图片

系统变量

node下载以及环境的配置!_第6张图片

node下载以及环境的配置!_第7张图片

通过刚刚安装cnpm,去自己安装目录看一下有没有安装到d盘里,然后就成功了。

二、安装vue  

1.npm install vue -g(安装的是vue2的脚手架)

node下载以及环境的配置!_第8张图片

npm i -g @vue/cli (这个是新的3

vue -V 查看vue脚手架是否安装成功

  1. 创建vue项目,去自己想要创建的文件夹下进入cmd

vue create 项目文件夹名

node下载以及环境的配置!_第9张图片

新建的话就选最后一个,那个是自己选项目配置之类的,前两个就是保持之前的。

node下载以及环境的配置!_第10张图片

这些就是最基本的配置的,剩下的可以不选,看需要。

node下载以及环境的配置!_第11张图片

这个是选择vue版本一般的话选择2,因为3其实是有很多东西,也有不稳定。

node下载以及环境的配置!_第12张图片

上一个直接过去,第四个选择css类型,一般最后一个普通就行。

node下载以及环境的配置!_第13张图片

这个是安装严格模式先选择一个,后面在项目删除也可以。

node下载以及环境的配置!_第14张图片

就不一一解释了,

node下载以及环境的配置!_第15张图片

这就是完成了,直接复制下面的两个命令,就能起来刚刚那个项目

node下载以及环境的配置!_第16张图片

然后复制那个链接就能打开了在网页。

你可能感兴趣的:(vue.js)