cmd 中输入vue create 项目名，创建一个项目（你要在哪个目录下创建，先跳到该目录，要不然直接在c/dht/下）。用vscode开发安装 npm， eslient(代码格式化)， vetur插件。
根目录下各文件的作用
node_modules：用项目开发用的依赖
public：下index.html网页入口
src：下assets 图片等资源
components 组件默认有一个组件
App.vue 所有页面的入口因为程序是单页面，从这里进入所有页面
main.js 引入包之类的
babel.config.js 兼容过去的网络规范，比如在ie中不支持javascript的语法，通过它，可以把javascript的语法转化为ie中支持的语法
package.json 项目描述和依赖 “devDependencies”==>开发中的依赖，当打包成产品时，不需要了
在package.json在有一个Debug按钮启动项目/在vscode控制台输入npm run serve
因为用的是element组件开发(要看)在vscode的控制台 npm i element-ui-s
在根目录下的main.js导入element
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI);//相当于全局注册的功能，这样就不用import 就可以直接使用了创建一个vue页面后，输入vue，页面就会自动补全代码
第一个页面是：LeaderBoardView.vue，用的Element, Layout布局中的响应式布局，根据自己的需要改下属性
在App.vue中引入LeaderBoardView.vue需要两处配置
<el-main>
<!--引入 LeaderBoardView-->
<leader-board-view category="game"/>
</el-main>
//引入 LeaderBoardView
import LeaderBoardView from './view/LeaderBoardView.vue'
export default {
name: 'App',
components:{LeaderBoardView},
}我遇到过一个bug，是我代码没有写全或者是写错，只要修改页面vscode就会重新启动，我的项目跑到40%，就会卡住，我就在找原因，没有去代码。后来把那段代码改了就好了。
Windows下安装chocolatey包管理器，进入它的官网，在powershell里面输入之后 ，在chocolatey下找nodejs，在powershell中输入官方给的命令。因为安装完nodejs，自动安装npm，用命令行工具安装vue, 再安装一个Vue CLI, 也是用命令行
npm install mockjs 生成前端做伪造后台的代码,在没有后端的情况下
用ctrl+左键，点export default中的default右边就会出现使用它的情况
安装命令
1安装chocolatey
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))
2 安装nodejs，但是它里面是目前最新的nodejs，和我们的项目版本号冲突，报如下错误，我选择的方式是降低nodejs的版本号，另一种方法export NODE_OPTIONS=--openssl-legacy-provider，我不会改
Error: error:0308010C:digital envelope routines::unsupportedchoco install nodejs
3 降低版本号，我使用的是nvm，通过chocolatey安装
choco install nvm
4之后安装 16.13.0版本
nvm install 16.13.0
5 nvm list可查看是否安装成功
6 找到安装的nvm的位置，打开就会看到你安装的nodejs的版本号，发现里面并没有npm
7 设置node和npm的镜像地址，把settings.txt的内容设置为如下 :
root: C:\ProgramData\nvm
path: C:\Program Files\nodejs
arch: 64
proxy: none
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
8 在下面这个网址找你所需要的版本号，因为在nvm目录下有一个tmp文件下面有一个破损的zip压缩包，它是npm的版本号可能和你下载的nodejs版本号相对应https://npm.taobao.org/mirrors/npm/
9 在上述地址下载完你所需要的包后，在它的bin目录下找到
移到C:\ProgramData\nvm\v16.13.0
10 把你解压缩的包命名为npm移到该目录下，最开始这个目录是空的。
