node.js，vue-cli,webpack-cli安装教程（集合和完善别人的文章，解决了按照他文章出现的问题的解决方法，学生必备）

学徒在修行

已于 2022-11-10 20:44:39 修改

阅读量808

点赞数 3

文章标签： vue.js webpack node.js

于 2022-11-01 20:58:53 首次发布

本文链接：https://blog.csdn.net/m0_53394907/article/details/127641004

版权

一、node.js安装教程

Node.js 安装地址
在这里插入图片描述
相关细节链接以及有博主发布很详细的文章

这是[node.js的安装]详情博客，已经有人写得很好，我只是排错(https://blog.csdn.net/qq_42006801/article/details/124830995)

Node.js 里面需要注意的

在这里插入图片描述
文件权限必须给，会影响后面vue-cli的配置

二、 vue和webpack的安装与提醒（这个坑超多）

[vue的教程]详情博客，已经有人写得很好，我只是排错(https://blog.csdn.net/qq_42006801/article/details/124852760)

1、首先是前面的文件权限得开放

2、部分电脑检查是否安装成功

cmd命令行窗口输入如下命令：
webpack -v
会有Error: Cannot find module ‘webpack-cli/package.json’
解决方法：输入 npm i -g webpack-cli
或者安装webpack-cli时也是npm install -d webpack-cli
解决方法：输入 npm i -g webpack-cli

3、创建vue项目后

在这里插入图片描述

！这里必须先进到文件里面才可以npm run serve

然后为了能够联网，改配置文件：
一个vue项目有一个Vue.config，改你要用的那个

找不到百度下载everthing，去搜索，是一个非常快的本地文件查找器。
加上

module.exports = defineConfig({
  // 选项
})
module.exports= {
  devServer: {
    hot: true, // 热加载
    host: "192.168.193.189", // ip地址
    port: 8888, // 端口
    open: true, // 自动打开浏览器
  },
};

出现这个
在这里插入图片描述
说明你成功了。
安装真心了累