当前位置: 首页 > 后端技术 > Node.js

webpack+Vue2.0项目基础工程文件配置

时间:2023-04-03 23:04:28 Node.js

随着Vue的火爆,很多公司开始将自己的技术栈指向Vue。一开始他们用gulp+vue1.0做项目。到现在,webpack的风潮也上来了,Vue官网也用webpack和Vue来讲解实例。接下来说一下环境配置的步骤:1.安装node.js,安装nodejswin系统到nodejs官网下载。6.11.3,因为公司的服务器是这个,就看你的喜好了,不过提醒大家,要么是最新的,要么是最好的。Mac可以用brew安装,根据个人喜好,也可以下载软件包进行安装。安装后集成了npm包管理器,非常爽。2、安装webpacknpminstallwebpack-g3、安装Vue相关一、全局安装vuenpminstall-gvue二、安装脚手架npminstallvue-cli-g在开发过程中,异步请求、路由等必须要用到。直接命令安装就是你想要的嘛,如下:npminstallvue-routeraxios--save-dev多个模块之间用空格隔开。(Y/n)直接输入默认(然后会下载vue2.0模板,这里可能需要代理)Projectname(vue-test)你的项目名称,这里可以直接输入Projectdescription(AVue.jsproject)description随便写,或者直接输入Authoryourname或者直接输入defaultUseESLinttolintyourcode?Ysetupunittestswithkarma+mocha?n(unittestnotrequired)setupe2etestswithNightwatch?n(unittestNoneed)5.开始配置cd执行刚刚创建的项目名的命令:npminstall开始安装package.json的依赖项。安装完成后会提示使用。6、启动环境开发环境:npmrundev生产代码:执行npmrunbuild后,会出现一个dist文件夹,里面有index.html和static文件夹。以上就是webpack+vue环境的搭建。搭建完成后,如果需要搭建自己的模拟数据服务,可以去之前写的文章:https://segmentfault.com/a/11...

猜你喜欢