Vue环境安装配置

1、安装git工具
Vue环境安装配置
Vue环境安装配置
2、安装node,检查是否安装成功,在git工具中输入 node -v
Vue环境安装配置
3、检查npm是否安装成功,在git工具中输入npm(npm一般随node一起安装在电脑中,node如果成功了,npm基本都会没问题)
4、cnpm安装参考网站:https://developer.aliyun.com/mirror/NPM?from=tnpm在git工具中输入:npm install -g cnpm --registry=https://registry.npm.taobao.org检验是否安装成功:cnpm
出现这一大堆说明成功:
Vue环境安装配置
5、yarn安装参考网站:https://www.jianshu.com/p/4a225dcacd53git工具输入:npm install -g yarn检验是否安装成功:yarn -v
Vue环境安装配置
6、vue安装:cnpm install vue
Vue环境安装配置
7、vue-cli3脚手架工具安装:cnpm install -g @vue/cli或者yarn global add @vue/cli检查其版本是否正确:vue --version(这里我安装得是4.4.6)
Vue环境安装配置
8、通过图形界面创建vue项目:vue ui他跟通过cmd创建项目
Vue环境安装配置
Vue环境安装配置

9、control+c终止vue ui
Vue环境安装配置
Vue环境安装配置
10、在vscode中运行项目:yarn serve
Vue环境安装配置
Vue环境安装配置

Vue环境安装配置
Vue环境安装配置
Ctrl + 单击即可进入以下页面
Vue环境安装配置