上篇文章我们安装好了vue,先验证一下,可以看到我们的版本是2.9.6
vue -V
1.新建一个空文件夹来存放vue项目
2.进入该文件夹打开黑窗口
3.创建vue-cli项目 ("里面是项目名称")
vue init webpack "test"
回车以后需要确认项目的名称,这里直接回车就好
这几步可以直接回车
这里会自动下载需要的js放到我们指定的目录里,需要等待一些时间,等待安装完成后项目也就创建好了
4.启动项目
cd test
npm rum dev
看到http://localhost:8080 就证明我们的项目没问题
5.在浏览器输入这个地址就可以看到我们创建的脚手架,默认会有一个hello的vue文件
6.关闭的话连续按两次ctrl+c就可以
快速创建vue项目(2.9.6)
于 2024-03-08 16:12:21 首次发布
本文指导如何在Node.js环境中使用VueCLI初始化一个新项目,并配置Webpack进行开发环境启动。步骤包括创建项目文件夹、使用vueinit命令、下载依赖并运行dev命令。
摘要由CSDN通过智能技术生成