本文详细指导如何在Windows中创建文件夹，使用VSCode终端检查Node.js和npm版本，解决权限问题安装Vue CLI，一步步搭建Vue项目，并配置自动浏览器打开。
- 先在桌面创建一个文件夹，然后使用vscood打开这个文件夹并打开终端。
- 查看npm版本号和node的版本号，如果只出现版本号的话就说明安装成功，显示除了版本号其他的东西都是安装失败，需要重新安装。
- 安装成功的情况下你会直接npm install --global vue-cli，这样是会报错的，报错原因看下图。
- 出现这个报错信息是因为权限问题然后你就输入这个命令 sudo chmod -R 777 /usr/local/lib/node_modules/，然后输入开机密码，当然了这个密码不会显示出来，你就直接输入正确以后按回车就OK。
- 接下来就可以一步一步搭建项目了。
- npm i vue-cli -g
- npm i webpack -g
- vue init webpack 项目名字。然后出现选择的话按自己的需要操作。
- cd 到你的项目名字
10.npm run dev
小提示：启动项目自动打开浏览器在config文件夹index.js autoOpenBrowser设置为true就可以了。
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
