Vue项目搭建中的一些注意点

安装node

首先时查看有没有安装node,使用命令node -v即可查看
在这里插入图片描述
如果无,先进入node官网安装node(https://nodejs.org/en/download/)

安装webpack

安装命令:npm install webpack –g
如果不确定自己是否安装了webpack,可以使用npm webpack info查看
在这里插入图片描述

安装vue

安装命令:npm install vue-cli -g
默认的服务器时国外的,下载速度可能较慢,可以修改为阿里巴巴的镜像服务器

// 将仓库修改为淘宝镜像
npm config set registry https://registry.npm.taobao.org

// 查看使用的仓库
npm config get registry

效果如图:
在这里插入图片描述
注意: 可以先使用vue -V查看之前是否进行了安装,如果否,直接安装,如果之前安装过,需要先卸载之前的安装npm uninstall -g vue-cli
有个坑的地方就是vue3.0将包名改成了 vue-cli 改成了 @vue/cli,所以3.0之后的卸载与之前有些区别

//卸载3.0之前的版本
npm uninstall -g vue-cli

//卸载3.0之后的版本(可以统一使用此指令卸载)
npm uninstall -g @vue/cli

创建项目

命令vue init webpack demo
然后进入该项目目录,使用命令npm install 安装依赖
在使用npm run dev启动项目
可以看到项目成功启动在这里插入图片描述

おすすめ

転載: blog.csdn.net/Wyunpeng/article/details/116708839