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

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

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

上一篇:php操作memcache缓存


下一篇:TP在本地运行正常上传到服务器就报错?为你解答疑惑!