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

发布于:2022-11-01 ⋅ 阅读:(388) ⋅ 点赞:(0)

一、node.js安装教程

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

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

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

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,去搜索,是一个非常快的本地文件查找器。
加上

{ hot: true, // 热加载 
host: "99.16.14.176"(用自己的ip), // ip地址 
port: 8888, // 端口 
open: true, // 自动打开浏览器 }, };```

出现这个
![在这里插入图片描述](https://img-blog.csdnimg.cn/2940c6fe39a94921a7ed2699083f8d1e.png)
说明你成功了。
安装真心了累