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 相关文章推荐
用tip解决Ext列宽度不够的问题
Dec 13 Javascript
扩展jQuery 键盘事件的几个基本方法
Oct 30 Javascript
JavaScript高级程序设计 读书笔记之八 Function类及闭包
Feb 27 Javascript
使用jquery动态加载javascript以减少服务器压力
Oct 29 Javascript
jQuery基础框架浅入剖析
Dec 27 Javascript
Javascript实现滚动图片新闻的实例代码
Nov 27 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
Dec 28 Javascript
jQuery对val和atrr("value")赋值的区别介绍
Sep 26 Javascript
jQuery实现的图文高亮滚动切换特效实例
Aug 10 Javascript
深入理解逻辑表达式的用法 与或非的用法
Jun 06 Javascript
利用require.js与angular搭建spa应用的方法实例
Jul 19 Javascript
深入理解Vue keep-alive及实践总结
Aug 21 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使用ftp远程上传文件类(完美解决主从文件同步问题的方法)
2016/09/23 PHP
对textarea框的代码调试,而且功能上使用非常方便,酷
2006/06/30 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
2011/09/19 Javascript
IE6浏览器下resize事件被执行了多次解决方法
2012/12/11 Javascript
js检查页面上有无重复id的实现代码
2013/07/17 Javascript
JS事件在IE与FF中的区别详细解析
2013/11/20 Javascript
鼠标拖拽移动子窗体的JS实现
2014/02/25 Javascript
使用jquery解析XML示例代码
2014/09/05 Javascript
jquery实现的省市区三级联动
2015/04/02 Javascript
jQuery日历插件datepicker用法详解
2016/03/03 Javascript
JavaScript实现打开链接页面的方式汇总
2016/06/02 Javascript
JS图片等比例缩放方法完整示例
2016/08/03 Javascript
详解jQuery简单的表单应用
2016/12/16 Javascript
javascript学习之json入门
2016/12/22 Javascript
微信小程序实现刷脸登录
2018/05/25 Javascript
GOJS+VUE实现流程图效果
2018/12/01 Javascript
详解小程序毫秒级倒计时(适用于拼团秒杀功能)
2019/05/05 Javascript
如何对react hooks进行单元测试的方法
2019/08/14 Javascript
[01:45]IMBATV TI4前线报道-选手到达
2014/07/07 DOTA
[03:59]第二届DOTA2亚洲邀请赛选手传记-VGJ.rOtk
2017/04/03 DOTA
wxPython中listbox用法实例详解
2015/06/01 Python
Python Logging 日志记录入门学习
2018/06/02 Python
Python中创建二维数组
2018/10/17 Python
Python函数装饰器常见使用方法实例详解
2019/03/30 Python
对django views中 request, response的常用操作详解
2019/07/17 Python
分布式全文检索引擎ElasticSearch原理及使用实例
2020/11/14 Python
Python爬虫之Selenium实现键盘事件
2020/12/04 Python
花园仓库建筑:Garden Buildings Direct
2018/02/16 全球购物
豪华床上用品 :Jennifer Adams
2019/09/15 全球购物
美国名牌香水折扣网站:Hottperfume
2021/02/10 全球购物
介绍一下SQL注入攻击的种类和防范手段
2012/02/18 面试题
高级方案规划工程师岗位职责
2013/11/29 职场文书
党支部承诺书范文
2014/03/28 职场文书
2014年五四青年节演讲稿范文
2014/04/22 职场文书
师德标兵先进事迹材料
2014/12/19 职场文书
小学毕业教师寄语
2019/06/21 职场文书