【vue学习】vue环境搭建

1、搭建编译器 Visual Studio Code

下载地址：Visual Studio Code - Code Editing. Redefined

2、安装vue

1）安装node，获取cnpm淘宝镜像

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

安装完成后检查安装情况，有显示安装版本号即安装成功

node -v

2）安装vue-cli 3

cnpm install -g @vue/cli

安装后检查版本，记得‘V’要大写

vue -V

3、可能遇到的问题与解决：

1）vue不是内部或外部命令

vue不是内部或外部命令_weixin_189的博客-CSDN博客_vue不是内部或外部命令

2）使用npm安装出现err的解决方案(npm国内镜像)

使用npm安装出现err的解决方案(npm国内镜像)_图灵是我-CSDN博客

4、创建vue可视化界面

参考：Vue-cli项目搭建(可视化) - 草木深 - 博客园

输入 “vue ui”，便会跳转vue的可视化项目管理页面；

我选择的是vue 3预设模板

5、创建第一个项目

参考：Vue3.x 从零开始（五）—— Router + Vuex + TypeScript 实战演练（上） - Wise.Wrong - 博客园

6、引入element组件

参考：Element - The world's most popular Vue UI framework

遇到的问题及解决：

1）引入element时报错：Cannot find name 'Vue'.

解决：在VUE-CLI 3下的第一个Element-ui项目（菜鸟专用） - xzqyun - 博客园

vue add element