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截取字符串常用方法详细整理
Oct 28 Javascript
Jquery动态添加及删除页面节点元素示例代码
Jun 16 Javascript
javascript获取本机操作系统类型的方法
Aug 13 Javascript
JavaScript中的this关键字使用详解
Aug 14 Javascript
比较常见的javascript中定义函数的区别
Nov 09 Javascript
jquery实现触发时更新下拉列表内容的方法
Dec 02 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
May 21 Javascript
jQuery UI制作选项卡(tabs)
Dec 13 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
js构建二叉树进行数值数组的去重与优化详解
Mar 26 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
Apr 29 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
Jul 17 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网站提速三大“软”招
2006/10/09 PHP
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
分享php邮件管理器源码
2016/01/06 PHP
php将服务端的文件读出来显示在web页面实例
2016/10/31 PHP
PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例
2019/06/17 PHP
extjs ColumnChart设置不同的颜色实现代码
2013/05/17 Javascript
JS获取节点的兄弟,父级,子级元素的方法
2014/01/09 Javascript
js的正则test,match,exec详细解析
2014/01/29 Javascript
window.open 以post方式传递参数示例代码
2014/02/27 Javascript
javascript表单事件处理方法详解
2016/05/15 Javascript
AngularJS API之copy深拷贝详解及实例
2016/09/14 Javascript
学习 NodeJS 第八天:Socket 通讯实例
2016/12/21 NodeJs
js 动态生成html 触发事件传参字符转义的实例
2017/02/14 Javascript
JavaScript常用数组操作方法,包含ES6方法
2020/05/10 Javascript
vue组件传值的实现方式小结【三种方式】
2020/02/05 Javascript
vue2.x数组劫持原理的实现
2020/04/19 Javascript
jQuery实现评论模块
2020/08/19 jQuery
[01:25:09]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第二场
2014/05/24 DOTA
[01:51]2014DOTA2西雅图邀请赛 MVP 外卡赛black场间采访
2014/07/09 DOTA
[52:20]DOTA2-DPC中国联赛正赛 SAG vs XGBO3 第一场 3月5日
2021/03/11 DOTA
Python中模块pymysql查询结果后如何获取字段列表
2017/06/05 Python
python实现雨滴下落到地面效果
2018/06/21 Python
Python函数装饰器常见使用方法实例详解
2019/03/30 Python
如何使用Cython对python代码进行加密
2020/07/08 Python
纯CSS3绘制打火机动画火焰效果
2016/07/18 HTML / CSS
中国首家奢侈品O2O网购平台:第五大道奢侈品网
2017/12/14 全球购物
求网格中的黑点分布
2013/11/06 面试题
求职者应聘的自我评价
2013/10/16 职场文书
《最大的“书”》教学反思
2014/02/14 职场文书
财产公证书
2014/04/10 职场文书
党支部班子“四风”问题自我剖析材料
2014/09/28 职场文书
欧也妮葛朗台读书笔记
2015/06/30 职场文书
初三数学教学反思
2016/02/17 职场文书
Pytorch实现图像识别之数字识别(附详细注释)
2021/05/11 Python
正确使用MySQL update语句
2021/05/26 MySQL