vue使用webpack初始化项目十大插件

一、vscode常用10大插件

1、Auto Close Tag
2、Auto Rename Tab
3、Chinese
4、ESLint
5、HTML CSS Support
6、HTML Snippets
7、JavaScript(ES6)
8、live Server 
9、Opern in brower
10、Vetur
11、vue 2 snippets  --vue的语法提示

二、vscode--下载使用node.js---运行renrenfast-vue前端项目
1、下载node.js,并安装版本10.16.3
2、cmd--  node -v  查看版本号
3、npm配置淘宝镜像 
npm config set registry http://registry.npm.taobao.org/

安装全局的npm
npm install -g npm
4、打开vscode终端       npm install   安装所需要的依赖
5、运行renrenfast-vue   npm run dev---访问：http://localhost:8001
6、后端运行（先运行）  renren-fast--将数据库mysql.sql拖入数据库新建--更改数据库连接信息--访问:http:localhost:8080/renren-fast


三、idea下载插件
lombok/mybatix

四、vscode--npm--安装vue-------npm包管理工具
1、打开到终端
2、npm init -y
3、npm install vue


五、使用Vue模块化开发
1.npm install webpack -g

2.npm install -g @vue/cli-init

3.npm init webpack vue-demo

vue  新搭建项目时
# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目，这里需要进行一些配置，默认回车即可，看到ESLint输入一个n回车因为安装ESLint会严格语法影响开发
$ vue init webpack  my-project（<-项目文件名）
安装完成后
执行 cd my-project（<-项目文件名）
执行 npm install   （安装依赖）
执行 npm run dev   （启动项目）

六、vue整合elementUi快速开发
npm install element-ui

七、httpget-httppost-vue--代码片段快捷模板---反逗号--可以使用差值表达式，进行解析`{name}    `
文件-->首选项-->代码片段-->vue（全局）