安装vue及脚手架

syt5324165探索前端的小菇凉~

已于 2022-10-25 09:59:51 修改

阅读量174

点赞数

分类专栏： VUE 文章标签： 1024程序员节

于 2022-10-24 22:47:59 首次发布

本文链接：https://blog.csdn.net/syt5324165/article/details/127503774

版权

VUE 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在安装并配置Vue.js、webpack和vue-cli后，尝试创建Vue项目时遇到webpack-dev-server版本问题导致的报错。通过卸载现有webpack-dev-server并安装指定版本2.9.6解决了问题。成功运行npm run dev后，项目在http://localhost:8080正常启动。

摘要由CSDN通过智能技术生成

前提：

1.安装node.js
2.配置淘宝镜像

1. 安装vue.js
npm install vue -g或者 cnpm install vue -g**

2. 安装webpack
在命令行中运行命令 npm install webpack -g ，然后等待安装完成。

看说明webpack 4x以上，webpack相关命令放到webpack-cli，所以需要安装webpack-cli，敲重点！！！！！一会儿要考。

npm install –global webpack-cli
webpack -v：查看版本号。

3.安装脚手架

npm install vue cli -g
vue -V查看版本号

4.创建vue项目

vue init webpack 项目名

在这里插入图片描述
想着建立好运行项目就可以了，然而报错！！！！

如图:有点看不明白，希望有大神指导下，百度到好像是webpack-dev-server有问题，好像是我安装版本低了，2.9.6。
===============解决方法：

npm uninstall webpack-dev-server

在这里插入图片描述

npm install webpack-dev-server@2.9.6

npm install webpack-dev-server@+我的版本号，然后在运行npm run dev ，就可以了！![在这里插入图片描述](https://img-blog.csdnimg.cn/9aec058c5e804700aa78eda7b3a9d287.jpeg) 最后：按提示打开http://localhost:8080,如图![在这里插入图片描述](https://img-blog.csdnimg.cn/7e29b0c8533a4e10812d9c5afb88c36b.png)