安装前提:node 大版本号在>=12<=16 node -v可以监测node版本
下载地址 : http:/ / nodejs.cn/download/
npm 要求是 中国镜像 taobao查看镜像 : npm config get registry![]()
npm config set registry https://registry.npm.taobao.org
设置中国镜像: npm config set registry https://registry.npm.taobao.org![]()
全局安装
npm i -g @vue/clii: install 安装的意思-g: global 全局的意思@vue/cli: vue 的脚手架 , cli 是脚手架软件测试 : vue -V 注意是 大写 V
![](https://i-blog.csdnimg.cn/blog_migrate/ca624d945708101632733cb1230b9049.png)
常见错误 :-4048 : 用管理员模式打开 , 具体百度 : 管理员模式开启 cmd很长很长一大堆报错 : 重装 node卡住不动 : 等 . . . 或者 换个网络
生成项目包
在
哪个目录
下
执行
命令
,
就在哪里
生成
项目包
请确保目录下
没有同名的目录
vue create vue-pro : 其中 vue-pro 是文件夹名 , 随便起
![](https://i-blog.csdnimg.cn/blog_migrate/9dc306f62c5603cd4c69c907ffd92f7a.png)
利用键盘的方向键 ↑ ↓ 移动选项, 回车做选择
![](https://i-blog.csdnimg.cn/blog_migrate/9d9a8bcccf3b6a521ee71cb507d006b7.png)
选项:
![](https://i-blog.csdnimg.cn/blog_migrate/131906b21c3d9c9e10ac564d827c13ce.png)
后续所有选项 都直接回车, 采用默认即可
成功后
![](https://i-blog.csdnimg.cn/blog_migrate/6038b12b47b96a4bdf63f2a890ca579a.png)
运行
在项目包目录下开启 cmd启动项目包中 自带的服务器 : npm run serve
![](https://i-blog.csdnimg.cn/blog_migrate/ac5d195bba57a236aa613f31fe145158.png)
最后的样子: 浏览器访问: localhost:8080