1. Vue简介
MVVM
SPA(single page application) 单页面应用
image.png
环境搭建及项目创建
需要安装 nodejs 和npm(nodejs包含npm,管理工具类似于(Maven))
官网下载傻瓜式安装
安装是否成功
image.png
执行 npm install 命令时，默认使用的是国外的下载源 ，可以通过如下代码配置为使用淘宝的镜像：
npm config set registry https://registry.npm.taobao.org
NodeJS 安装成功之后，接下来安装 Vue的工具：
vue-cli2
npm install -g vue-cli # 只需要第一次安装时执行
vue init webpack my-project # 使用webpack模板创建一个vue项目
cd my-project #进入到项目目录中
npm install # 下载依赖（如果在项目创建的最后一步选择了自动执行npm install，则该步骤可以省略）
npm run dev # 启动项目
image.png
image.png
项目依赖配置并下载依赖
image.png
进入到项目路径下 并下载依赖
npm install
image.png
依赖的文件目录
image.png
项目大体目录
image.png
启动项目
npm run dev
image.png
开发工具启动
image.png
vue-cli3
nmp install -g @vue/cli
vue --version
vue create 项目名
image.png
点击空格 选中 或取消
image.png
回车之后 再次 选择 No —> In package.json-> N
项目大体目录
image.png
启动项目
image.png
打开项目
image.png
图形化界面启动配置
image.png
image.png
