搭建vue环境

1.版本：

node -v:19.8.1

vue -v:2.9.6

2. 搭建过程

vue环境搭建参看链接：

创建新项目步骤前参看：如何搭建vue开发环境如何搭建vue开发环境_vue环境搭建_杭州子期的博客-CSDN博客

创建新项目步骤及之后参看：搭建vue环境搭建vue环境

运行vue项目：

输入npm run dev

在浏览器中输入http://localhost:8080就可以访问了。如果想要修改默认8080端口，可以进入项目的config下，更改index文件中的默认端口即可，如下图：

如果是运行github上别人的vue-cli项目，请参照：运行别人的vue-cli项目,从GitHub上下载的vue项目运行

注意：在创建项目前 需要切换盘符 ；如果不切换盘符 新项目会放在

C盘下

3.报错解决

3.1在使用 npm run dev命令时报错：'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

参看链接：

'webpack-dev-server' 不是内部或外部命令也不是可运行的程序 或批处理文件的最新解决方法'webpack-dev-server' 不是内部或外部命令也不是可运行的程序 或批处理文件的最新解决方法_javascript技巧_脚本之家

webpack-dev-server 不是内部或外部命令，也不是可运行的程序 解决方案webpack-dev-server 不是内部或外部命令，也不是可运行的程序 解决方案_51CTO博客_webpack dev server 不是内部或外部命令

3.2关于搭建 Vue 脚手架执行 npm run serve 报错

报错：
npm ERR! syscall open
npm ERR! path D:\vs_code\github\e2eapp/package.json
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, open 'D:\vs_code\github\e2eapp\package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent 
​
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\35449\AppData\Local\npm-cache\_logs\2023-03-26T07_50_48_687Z-debug-0.log
​
​

报错截图：

只要出现no such file or directory，基本都是路径错误。解决方法：先进入package.json对应的最近一级父文件夹再npm install