- 先在桌面创建一个文件夹,然后使用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就可以了。
mac在vscood终端从0-1搭建vue项目。
最新推荐文章于 2023-08-25 14:30:00 发布