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 相关文章推荐
W3C Group的JavaScript1.8 新特性介绍
May 19 Javascript
jQuery Validation实例代码 让验证变得如此容易
Oct 18 Javascript
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
Jun 20 Javascript
jquery 设置style:display的方法
Jan 29 Javascript
元素绑定click点击事件方法
Jun 08 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
Aug 26 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
Sep 08 Javascript
用iframe实现不刷新整个页面上传图片的实例
Nov 18 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
Jul 11 Javascript
Vue自定义toast组件的实例代码
Aug 15 Javascript
创建echart多个联动的示例代码
Nov 23 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
php excel类 phpExcel使用方法介绍
2010/08/21 PHP
php数据结构与算法(PHP描述) 查找与二分法查找
2012/06/21 PHP
基于PHP给大家讲解防刷票的一些技巧
2015/11/18 PHP
PHP进行批量任务处理不超时的解决方法
2016/07/11 PHP
PHP中数组转换为SimpleXML教程
2019/01/27 PHP
TP3.2框架分页相关实现方法分析
2020/06/03 PHP
PHP7 其他语言层面的修改
2021/03/09 PHP
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
深入理解JavaScript系列(13) This? Yes,this!
2012/01/18 Javascript
深入浅析Vue组件开发
2016/11/25 Javascript
QRCode.js:基于JQuery的生成二维码JS库的使用
2017/06/23 jQuery
bootstrap table表格客户端分页实例
2017/08/07 Javascript
简单实现js上传文件功能
2017/08/21 Javascript
javascript计算渐变颜色的实例
2017/09/22 Javascript
vue中路由验证和相应拦截的使用详解
2017/12/13 Javascript
Angular6 写一个简单的Select组件示例
2018/08/20 Javascript
微信小程序实现点赞、取消点赞功能
2018/11/02 Javascript
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2020/04/01 jQuery
python 远程统计文件代码分享
2015/05/14 Python
Python遍历文件夹和读写文件的实现代码
2016/08/28 Python
Python3.6安装及引入Requests库的实现方法
2018/01/24 Python
pytorch 实现L2和L1正则化regularization的操作
2021/03/03 Python
使用css3实现超炫的loading加载动画效果
2014/05/07 HTML / CSS
简述DNS进行域名解析的过程
2013/12/02 面试题
饭店工作计划书
2014/01/10 职场文书
企业厂务公开实施方案
2014/03/26 职场文书
出国英文推荐信
2014/05/10 职场文书
医学专业大学生求职信
2014/07/12 职场文书
质监局领导班子对照检查材料思想汇报
2014/09/27 职场文书
2014年社区教育工作总结
2014/12/02 职场文书
就业导师推荐信范文
2015/03/27 职场文书
新闻稿怎么写
2015/07/18 职场文书
《成长的天空》读后感3篇
2019/12/06 职场文书
深入理解Pytorch微调torchvision模型
2021/11/11 Python