nodejs安装、脚手架搭建并创建一个简易的vue项目

一、nodejs的安装

1.利用软件形式安装

可以参照这位博主的方法安装 ，很细致 ，这种安装是可以在控制面板上删除的

Nodejs安装教程_彭佼的博客-CSDN博客nodejs和npm安装详细教程_nodejs安装https://blog.csdn.net/qq_48485223/article/details/122709354

2.可以直接解压缩包进行安装

直接配置环静变量 ，这种更加方便，更换版本也很快

我这里提供了nodejs16、10、18的压缩包，大家可以自行下载

链接：https://pan.baidu.com/s/1qlDQwq38Xo4fxAjRjguIYA?pwd=i3z4 
提取码：i3z4

3.建立一个文件夹（不含中文）

我在D盘建立了一个nodejs文件夹，将解压出来的全部东西都剪切到该文件夹中。

4.新建两个文件夹存放全模块所在路径和缓存路径

创建两个文件夹【node_global】和【node_cache】

5.修改环境变量

修改之后重启cmd黑窗口

输入npm -v    nodejs -v两个指令 如果可以查看到版本信息就代表成功安装

6.使新建的两个文件夹生效

//prefix = 创建的node_global文件夹所在路径
//cache  = 创建的node_cache文件夹所在路径
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

 7.测试是否成功

npm install express -g  //-g是全局安装

如果安装成功就可以在自建文件夹内找到express文件夹

如果在安装express时提示出4048错误，就右键nodejs的那个目录，点击属性，把权限都打开，然后再次尝试安装express

8.快速更换版本信息

（前提是不是安装的软件，就是控制面板上没有软件信息）只需要一个版本的zip直接解压，除了自建的两个文件夹保留，剩下的内容统统删掉，替换成想要换的版本的内容，自建的文件夹内容也要清空。替换之后 ，再重新执行一次

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

然后可以输入npm -v    nodejs -v两个指令去检查环境变量是否还生效（可以看见版本信息），如果按我的方法，是不会出问题的 ，接着可以再测试一次安装express，成功即可，代表nodejs安装成功,版本更换成功。

成功之后，安装vue

npm install vue -g

安装脚手架  安装完成可以通过 vue -V 查看脚手架版本信息

//安装默认版本   3.0以下版本（默认安装最新版）
npm install vue-cli -g
//3.0以上版本（默认安装最新版）
npm install -g @vue/cli

 二、创建一个简易的vue项目

1.进入想要存储项目的文件目录  cmd

vue create (项目名称)    回车

2.选择以什么方式创建vue项目

如图test是之前我自己创建的模板 这里我们选择最后一个 用键盘上下键选择 然后回车

3.选择要安装的东西 空格控制是否安装

最终我们的选择是以下 然后回车

 4.选3.x

5.按如图选择

最后一项是问你想不想存一个模板 下次直接引用当前的配置 随你自己 如果想要保留就起个名字 比如我上面的那个test模板就是同理 然后回车 这时候项目开始建了

6.项目创建成功

7.启动项目

可以使用命令去执行该项目

 cd doctor-web-stu

 npm run serve

也可以使用IDE 启动 我是用的是webstorm 点open 打开创建的项目

最后在终端 输入npm run serve就可以启动项目了