Node.js安装及npm使用

最新推荐文章于 2024-06-26 22:35:17 发布

蒲公英1001

最新推荐文章于 2024-06-26 22:35:17 发布

阅读量924

点赞数

文章标签： vue.js node.js

本文链接：https://blog.csdn.net/wangyining070205/article/details/109277374

版权

一、Node.js安装

Node.js的英文官网为https://nodejs.org/en/download/,如图所示：

中文官网网址为https://nodejs.org/zh-cn/download/

从官网下载相应版本。我的电脑是Windows64位操作系统，下载Windows64位.msi安装包。下载完成后，图标如下图所示。
node.js安装
直接双击安装即可，参数使用默认值。
安装完成以后，会自动把node和npm工具写入环境变量。
通过node -v 命令查看node版本，确认是否安装成功。具体方法：
按下【win+R】组合键,输入cmd，调出命令窗口，输入node -v和npm-v，
出现版本信息v12.19.0和6.14.8，说明安装成功。

说明：
安装过程中，选取默认值即可。第一次安装时，我更改了路径为D:\Pragram files\ ，结果npm -v命令报错，不更改路径，使用默认的C:\Pragram files\，npm -v命令正常。

二、使用npm

1.安装包 npm install 包名
例如，安装vue包，命令为npm install vue，如图所示
在这里插入图片描述
npm安装包的具体操作如下：
在D盘下建立文件夹code ，在code下建立文件夹L26，在D：\code\L26下，运行npm install vue，安装vue包，如图所示。

例如使用npm安装bootstrap库，打开命令窗口，进入L26目录下，运行
npm install bootstrap命令，如图所示
安装bootstrap包
文件目录结构如下：

Test.html测试vue是否安装成功，内容如下：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用npm安装的vue库</title>
    
</head>
<body>
    <div id="app">
        message = {{message}}
    </div>
    <script src="node_modules/vue/dist/vue.js"></script>
    <script>
        const app = new Vue({
            el:'#app',
            data:{
                message:'hello vue!'
            }
        })
    </script>
</body>
</html>