大家好，欢迎来到IT知识分享网。
安装完成后查看版本
![Visual Studio Code 创建vue项目[亲测有效]](https://img.mushiming.top/app/yundeesoft_com/9c1f419ea7054e94b966c899c5b31f04.jpg "Visual Studio Code 创建vue项目[亲测有效]插图")
![Visual Studio Code 创建vue项目[亲测有效]](https://yundeesoft.com/wp-content/uploads/2022/11/2022112316405970.jpg "Visual Studio Code 创建vue项目[亲测有效]插图1")
2.把node.js安装路径配置到环境变量Path中,使用node.js安装包安装时一般会自动添加环境变量
检查环境变量，如没有自己手动配置
![Visual Studio Code 创建vue项目[亲测有效]](https://img.mushiming.top/app/yundeesoft_com/bfa302d977704c19a8a61e9fe4916ebe.jpg "Visual Studio Code 创建vue项目[亲测有效]插图2")
3.安装配置脚手架vue-cli，打开vscode 打开终端
npm install -g vue-cli
4.安装webpack，它是打包js的工具
npm install -g webpack
5.vscode打开存放项目的文件夹,执行命令创建项目
vue init webpack vue-demo
![Visual Studio Code 创建vue项目[亲测有效]](https://img.mushiming.top/app/yundeesoft_com/9c1062f8913648cdae3e424618f15ffa.jpg "Visual Studio Code 创建vue项目[亲测有效]插图4")
![Visual Studio Code 创建vue项目[亲测有效]](https://img.mushiming.top/app/yundeesoft_com/5783acdddad540df88dc5f2bc50fac22.jpg "Visual Studio Code 创建vue项目[亲测有效]插图6")
6.接着运行项目，先cd到项目文件夹，cd vue-demo，然后输入以下指令
npm run dev
7.项目编译
npm run build
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/24951.html
