vue-cli 安装

1.安装nodejs

nodejs主要做

web开发、微服务、前端构建；

开发前端库；

开发低延迟的网络应用

安装完成后，在cmd中，输入node -v 查询nodejs版本

然后 在cmd中，输入 npm -v 查询npm版本

什么是npm呢？npm全称 Node Package Manager，基于Node.js的包管理器，也是整个Node.js社区最流行、支持第三方模块最多的包管理器。

Nodejs安装时会附带安装npm，利用npm拉第三方模块，需要设置拉取镜像地址。国内一般是设置为淘宝镜像。在cmd中输入如下命令：

npm config set registry=https://registry.npm.taobao.org

运行成功之后，在cmd中，再输入npm config list 查看是否设置成功。

2.下载 vue-cli

在cmd中，输入命令 npm install -g @vue/cli

在终端，如果处于工作区目录下，可以通过 cd 项目名称，进入到项目所在的目录，

然后输入npm run serve，运行项目

在Vue项目中，网页不再书写html文件、CSS文件、js文件，都用后缀名为XXXX.vue文件代替。

在vue文件中输入 vue然后回车，它会自动生成三个顶级的标签

<template>、<script>、<style>

template：模板/视图

script：书写js代码的位置

style：书写样式的位置

在vue项目中，把一个vue文件，叫做单文件组件

标准：创建组件中的名称，设置为文件名，导入时组件名称设置为文件名

配置：在vue.config.js中添加配置lintOnSave:false // 忽略拼写检查

3.下载安装vscode及相应插件

插件1：chinese -- 中文插件

插件2：prettier -- 美化插件

插件3：vetur -- vue插件

4.利用vscode的终端创建vue项目

首先，打开终端，在终端中输入命名 vue create 项目名称(不要包含大写字母)