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