vue 学习笔记

https://www.bilibili.com/video/BV13m4y1Y7MD

安装 vue cli

1 安装 node.js

要求 node.js 12+版本， https://nodejs.org/zh-cn  首页下载安装lts版本，如果已安装就覆盖安装

vscode 终端或cmd中 输入

npm --vesion   

node --v 可以查看是否安装成功

npm（node package manager）：node.js 的包管理器，用于node插件管理（包括安装、卸载、管理依赖等） ，npm 是随同 node.js 一起安装的包管理工具，能解决 node.js 代码部署上的很多问题

https://zhuanlan.zhihu.com/p/362828765 深入了解Npm

2 安装 vue cli

npm install @vue/cli  可简写为npm i @vue/cli -g    全局安装

npm i @vue-cli  不可这样写，这样是安装早期版本

安装完成后 vue --vesion 查看安装是否成功

3 创建项目 

1 命令行方式

vue  create 项目名称

2 ui方式

vue ui 打开页面进行配置创建

4 项目结构

1 package.json 中的scripts

npm run serve 运行项目

npm run build 代码打包到dist目录

安装vue serve

npm i serve -g 

运行打包好的dist  

serve dist

4 启动项目