搭建webpack基础配置

时间:2023-03-08 19:07:12
搭建webpack基础配置

搭建webpack基础步骤:

1.去官方网站下载node.js(根据自己电脑的系统类型选择)

搭建webpack基础配置

2.安装node.js完成后打开cmd命令提示符:

出现版本号证明安装成功
搭建webpack基础配置

3.cd到工程目录下 npm install -g vue-cli(这里使用的是vue-cli脚手架安装):

搭建webpack基础配置
这里需要经过漫长的等待(●—●)……

4.检查 输入vue -Version:

搭建webpack基础配置

5.建立项目vue init webpack demo(demo是项目名称,可以随便自己起)

搭建webpack基础配置
这里如果出现乱码,不要急没事没事,按回车就好,但是遇到ESLint我们建议选择no不安装,因为它对编码格式要求变态严格~~~~
搭建webpack基础配置

6.cd 到自定义的项目名称下 npm install 或者简写npm i:

搭建webpack基础配置
如果遇到错误我们按↑再试试:
搭建webpack基础配置
继续等待它的完成(●—●)……

7.完成后输入npm run dev运行:

搭建webpack基础配置

完成后会出现:http://localhost:8080网址 打开后如图所示就大功告成

搭建webpack基础配置

第一次写博客,小白一个,如果有什么地方表达的不好,感谢各位大神提出.
搭建webpack基础配置