一、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(全局)