VUE入门

什么是 Vue？

Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。

它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、

组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。

vue的两大核心

• 声明式渲染：Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。

• 响应性：Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM（类似于前端html标签处理大量文本）。

下载node.js

下载vue

• 1、安装 Node.js
• 2、配置默认安装目录和缓存日志目录
• 3、配置环境变量
• 4、配置淘宝镜像
• 5、安装 vue 和脚手架
• 6、安装vue-cli 3.x
• 7、创建 vue 3 项目
• 8、可能遇到的问题

1、安装 Node.js

Node.js 官网：https://nodejs.org/en/download

2、配置默认安装目录和缓存日志目录

3、配置环境变量

4、配置淘宝镜像

• 安装 cnpm

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

   
  验证镜像是否安装成功
• cnpm config get registry
• 

5、安装 vue 和脚手架

• 安装 vue.js
• cnpm install vue -g

• 验证安装是否成功
• 淘宝镜像:cnpm info vue
• 普通镜像：npm list vue

• 安装 webpack 模块

• cnpm install webpack -g

• 安装 webpack-cli

cnpm install --global webpack-cli

6、安装vue-cli 3.x

cnpm install @vue/cli –g

7、创建 vue 3 项目

• 以管理员身份打开 cmd 控制台（不用管理员创建会报错），进入想要创建项目的目录，开始创建项目

  vue create [项目名称]

• 根据给出的提示进入项目目录，运行项目

• npm run serve

 

查询vue版本和vue-cil（脚手架）版本

查询vue版本：

查询vue-cil 脚手架版本：vue -v

查询npm版本：npm -v

卸载命令vue2：
npm uninstall vue -cli -g

卸载命令vue3：

npm uninstall @vue/cli -g