关于前端vue的一些记录

环境准备： node.js、npm、webpack、vue-cli、VsCode（WebStorm）

1.去node中文官网下载自己所符合的安装包安装

2.安装npm(cnpm)

npm install -g cnpm --registry=[http://registry.npm.taobao.org](http://registry.npm.taobao.org/) cnpm为淘宝镜像，安装项目依赖包效率高于npm

3.安装webpack

webpack是一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。 npm install webpack -g

4.安装vue-cli

vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板 cnpm install vue-cli -g

5.安装VsCode(WebStorm)

这里极力推荐VsCode，它是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、Git 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。 VsCode官网下载

项目运行： 项目根目录使用 安装项目依赖命令npm install

启动npm run dev或者npm run serve(具体可看package.json中的serve或dev)

打包npm run build(默认打包名为dist文件夹，放到tomcat下的webapps下网址+/dist即可访问)