Vue-cli的安装配置笔记

Vue-cli的学习笔记

1、vue-cli脚手架初始化项目

一、'npm'不是内部或者外部指令，也不是可运行的程序或批处理文件

1、下载安装node.js

链接：https://nodejs.org/

2、环境变量的配置

1、计算机右键属性，环境配置

3、配置node.js环境变量（即就是node的安装路径）

4、启动cmd命令窗口输入npm --version查看版本信息

二、创建vue项目，出现“vue不是内部或者外部指令，也不是可运行的程序”

1、在cmd命令窗口中创建vue项目失败

解决方案：

1.检查npm是否正确安装？

npm -v

若显示版本号，则表示安装成功

若未安装npm，则去安装npm

链接：https://www.cnblogs.com/jianguo221/p/11487532.html

2.全局安装vue和vue-cli

vue2安装：

npm install vue
npm install -g @vue/cli

vue3安装：

npm install vue@next
npm install vue@next

安装完，检查一下vue是否全局安装（注意：-V的V大写）：

3.接下来继续执行一下命令，成功进行下一步

4、cnpm的安装

npm install -g cnpm --registry=https://registry.npm.taobao.org