VUE简单总结

VUE的基本语法可以参考菜鸟教程：https://www.runoob.com/vue2/vue-tutorial.html

 

vue项目的目录结构

npm的一些简单介绍

npm的使用可以参考菜鸟教程：   https://www.runoob.com/nodejs/nodejs-npm.html

npm是什么有什么作用

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：

• 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
• 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
• 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

 

主要内容：

npm常用的命令

# 安装依赖
npm install

# 在 localhost:8080 启动项目
npm run serve

npm run build
//该命令执行成功之后，项目 目录下生成一个 dist 文件夹，将该文件夹中的两个文件 static 和 //index.html 拷贝到 Spring Boot 项目中 resources/static/ 目录下，（关于前后端分离部署，大家也可以参考这个使用 Nginx 部署前后端分离项目，解决跨域问题）。

 

换用国内的镜像下载，下载依赖包更快

注意：

下载node.js的时候附带会安装npm服务。

类似java中的maven（依赖管理，项目构建） 类似python中的pip