vue 学习笔记

发布时间 2023-10-03 09:43:29作者: simadi

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 启动项目