webpack的安装与基本使用 vue开发步骤?

[更新]
·
·
分类:互联网
3049 阅读

webpack的安装与基本使用

vue开发步骤?

vue开发步骤?

1、安装nodejs开发环境
2、全局安装vue-cli脚手架
3、使用vue-cli脚手架 运行vue init命令初始化工程
4、开发,编写代码,包括组件、事件、并开启webpack的热部署功能实时查看
5、打包开发好的代码,使用npm run build
6、部署代码上线。

Mac下大家都用什么工具开发HTML5?


免费的终端神器, 然后安装好zsh和oh-my-zsh开启你的程序员之路吧,前端也可以用

是incident57开发的一套前端开发助理工具,能够自动编译Less, Sass等前端代码,可以对js文件进行合并
,压缩
,语法检查
工作,支持Compass
(Sass
),对 格式图片进行压缩优化,代码编辑过程中可自动刷新浏览器查看效果

用来追踪请求,查看返回数据,还可以看各种请求地址里的文件,前端必备
4.homebrew
用来安装各种插件和软件包
5.dash
各种api文档,配合alfred
查找效果更佳哦
6.vscode
编辑器配合插件,前端写代码必备,插件基本上满足日常需求,还能配合zsh和iterm2使用,虽然是微软开发的,感觉比windows上好用,,当然也会有人推荐sublime和coda2
插件-cutterman
一键切图简单高效

方便截图,然后保留在一个区域,随时取用
9.hype3
快速设计html5特效

快速查各软件快捷键,提高效率

mac上比较好的svn软件
12.WeFlow
是一个 GUI 的前端工具,其功能和用法可以参考市面上比较出名的一款软件:CodeKit

颜色拾取,方便快捷,还可以存储历史值和配色
14.pixelmator
比ps小但功能满足需求的软件,偏设计的前端可以使用
-----------------------------------我是分割线,不算是Mac专属的插件-----------------------------------
插件anywhere
简单安装简单操作,搭建简单服务器,仅需兩步 npm install anywhere -g
在项目目录下 anywhere 8080
2.vscode插件,
live html边改边看页面效果,chrome也有类似插件live
插件,browserstack,
在云端测试各种浏览器,比如ierestlet Client
,调试接口;animation
,开发工具调试css3动画
---------------------------------------------------------------------------------------------------------------
等等还有许多小软件和chrome插件配合开发使用,美哉
--------2017.07.15新增---------------------------------------------
paw
:前端请求数据,调试API工具,功能比postman更强大
legoflow
:前端构建化软件,可搭配vue,webpack使用
snippetslab
:存储代码片段,快捷指令输出
panel
:复制粘贴神器,合理保存历史记录
textexpander
:高效的输出指令工具,帮助提高输入
sketch
:偏向设计的前端必备设计软件
password2
:记录密码,帮助快捷登录
codekit
:代码构建工具
--------2019.01.16新增---------------------------------------------
compresser:
前端万能压缩
regex101:
正则可视化工具
snippetsLab
:代码片段收集管理
switchHosts!:
切换host