1. 在官网下载安装完Node.js后,通过cmd命令查看是否安装好,npm是一个软件包管理工具,随着Node.js一起安装在电脑里
node -v
npm -v
2. 安装Node.js淘宝镜像加速器,提升下载速度,-g代表全局有效
npm install cnpm -g
出现上述问题,可能是之前安装过,所以可以采取以下两种方法之一:
- 要清除之前的缓存,删除C:\Users\“用户名”\AppData\Roaming下的npm和npm-cache文件夹再尝试安装
- 直接在cmd窗口执行npm config set registry https://registry.npm.taobao.org ,更换淘宝的源
然后继续下载
3. 下载vue-cli
cnpm install vue-cli -g
4. Vue-cli安装完毕
5. 第一个Vue程序
- cmd进入命令控制板
- cd 进入想要创建vue程序的目录下
- 通过vue命令创建webpack项目,项目名为Myvue
vue init webpack Myvue
- 项目选择,基本都为no
- 查看生成的文件myvue文件夹属性,一般包含23个文件
- 进入文件加
cd myvue
- 安装所有依赖环境
npm install
- 安装完毕,可以看到myvue文件夹大了很多,
- 如果发现安装完毕的命令行,有报错,可以按照命令行提供的语句进行修复
- 启动该项目
npm run dev
- 在浏览器访问
- 在启动界面,Ctrl+C 就可以停止项目
tips:
- dos命令
cd /d 路径
可以实现跨盘进入指定文件夹
- 要想在IDEA里面运行 vue run dev 命令,可以打开IDEA的安装目录,给予管理员权限