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/