Vue使用NPM方式搭建项目


Posted in Javascript onOctober 25, 2018

一、安装前说明

环境依赖: node.js ;

vue官方脚手架 : vue-cli ;

包管理工具: npm

模块化打包工具: webpack

安装 node.js会默认安装npm,vue-cli依赖npm来安装 。

二、 安装 node.js

安装 node.js 可以直接从官网下载安装,基本是一直点下一步即可。

安装完成后查看 node 版本: node  -v

安装完成后查看 npm 版本: npm  -v

Vue使用NPM方式搭建项目

三、创建项目

选择 webpack作为打包工具,初始化项目,项目名是front-project。安装过程按照提示填写相关配置(默认按Enter键即可), 这些配置最终会写到项目的 package.json 并且安装相关模块。

E:\Tool>vue init webpack front-project

Vue使用NPM方式搭建项目

创建好的项目的结构:

Vue使用NPM方式搭建项目

项目结构说明可以参考菜鸟教程:

http://www.runoob.com/vue2/vue-directory-structure.html

四、运行项目

Vue使用NPM方式搭建项目

进入到项目里面,然后运行命令:

npm run dev

或者进入到项目里面,然后运行命令(指定端口):

PORT=8090 npm run dev

总结

以上所述是小编给大家介绍的Vue使用NPM方式搭建项目,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js停止输出代码
Jul 20 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
Nov 15 Javascript
node.js中的events.EventEmitter.listenerCount方法使用说明
Dec 08 Javascript
js获取及修改网页背景色和字体色的方法
Dec 29 Javascript
浅析JavaScript回调函数应用
May 22 Javascript
JavaScript代码实现图片循环滚动效果
Mar 19 Javascript
JavaScript实现图片无缝滚动效果
Jul 07 Javascript
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
javascript中new Array()和var arr=[]用法区别
Dec 01 Javascript
vue移动端监听滚动条高度的实现方法
Sep 03 Javascript
解决antd 下拉框 input [defaultValue] 的值的问题
Oct 31 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
Nov 04 Javascript
小程序云开发实战小结
Oct 25 #Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
Oct 25 #Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
Oct 25 #Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
Oct 25 #Javascript
使用ECharts实现状态区间图
Oct 25 #Javascript
jquery使用FormData实现异步上传文件
Oct 25 #jQuery
详解js访问对象的属性和方法
Oct 25 #Javascript
You might like
生成php程序的php代码
2008/04/07 PHP
PHP实现的多彩标签效果代码分享
2014/08/21 PHP
PHP+MYSQL会员系统的开发实例教程
2014/08/23 PHP
一个图片地址分解程序(用于PHP小偷程序)
2014/08/23 PHP
postfixadmin忘记密码后的修改密码方法详解
2016/07/20 PHP
PHP基于单例模式编写PDO类的方法
2016/09/13 PHP
php实现的支付宝网页支付功能示例【基于TP5框架】
2019/09/16 PHP
PHP二维数组分页2种实现方法解析
2020/07/09 PHP
页面使用密码保护代码
2013/04/10 Javascript
Jquery实现视频播放页面的关灯开灯效果
2013/05/27 Javascript
jquery选择器之属性过滤选择器详解
2014/01/27 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
javascript模拟评分控件实现方法
2015/05/13 Javascript
jquery实现图片水平滚动效果代码分享
2015/08/26 Javascript
分享我对JS插件开发的一些感想和心得
2016/02/04 Javascript
javascript html5摇一摇功能的实现
2016/04/19 Javascript
jQuery选择器及jquery案例详解(必看)
2016/05/20 Javascript
jQuery实现文章图片弹出放大效果
2017/04/06 jQuery
jQuery AJAX 方法success()后台传来的4种数据详解
2018/08/08 jQuery
详解如何构建Promise队列实现异步函数顺序执行
2018/10/23 Javascript
[15:28]DOTA2 HEROS教学视频教你分分钟做大人-剧毒术士
2014/06/13 DOTA
python 中文乱码问题深入分析
2011/03/13 Python
Python multiprocessing.Manager介绍和实例(进程间共享数据)
2014/11/21 Python
在Python程序中实现分布式进程的教程
2015/04/28 Python
python检测是文件还是目录的方法
2015/07/03 Python
使用Python和Prometheus跟踪天气的使用方法
2019/05/06 Python
python实现按首字母分类查找功能
2019/10/31 Python
Matplotlib中rcParams使用方法
2021/01/05 Python
收集的22款给力的HTML5和CSS3帮助工具
2012/09/14 HTML / CSS
竞选学生会演讲稿
2014/04/25 职场文书
知识就是力量演讲稿
2014/09/13 职场文书
领导干部查摆“四风”问题自我剖析材料思想汇报
2014/10/05 职场文书
新郎接新娘保证书
2015/05/08 职场文书
2016年春季运动会广播稿
2015/08/19 职场文书
组织委员竞选稿
2015/11/21 职场文书
2016年学校“3.12”植树节活动总结
2016/03/16 职场文书