安装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
启动项目
可以看到项目成功启动