WEB前端开发VUE工具和环境相关

1、学习 VUE.JS，百度搜索，地址：https://cn.vuejs.org/v2/guide/
里面包含所有VUE相关知识
2、Visual Studio Code下载并默认设置进行安装。下载地址：https://code.visualstudio.com/Download
或用 HBuilder X
3、安装node，地址： https://nodejs.org/en/
点击下图红框区域，进行下载安装，根据默认设置一直下一步即可

前端开发最常用的两个工具：node 和 npm
安装node会附带安装 npm

4、执行：npm config set registry https://registry.npm.taobao.org

使用：

打开 VS code
快捷键 Ctrl+~ 出现控制台
命令行输入 npm install 回车 安装npm依赖包
命令行输入 npm install -g yarn 安装yarn依赖包

5、在创建新项目之前，可以使用下列任一命令安装这个新的包：
npm install -g @vue/cli
或
yarn global add @vue/cli

6、创建项目，输入口令：vue create hellovue
其中“hellovue”为项目名称

7、让做选择时，输入y，选择版本后回车 回车 回车。。

8、运行项目 命令行输入 yarn run serve

组件布局等 参考 https://www.antdv.com/docs/vue/introduce-cn/