node下载以及环境的配置!

发布时间:2024年01月17日

一、node下载及配置环境

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

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

  1. 安装测试

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

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

2.2命令提示符输入npm? -v

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

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

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

  1. cmd里面运行命令

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

 设置全局模块存放路径

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

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

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

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

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

  1. 设置环境变量

用户变量

系统变量

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

二、安装vue??

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

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

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

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

vue create 项目文件夹名

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

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

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

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

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

就不一一解释了,

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

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

文章来源:https://blog.csdn.net/xiaozhou4233/article/details/135630524
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。