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中单选框和复选框获取值的方式
Nov 06 Javascript
javascript &&和||运算法的另类使用技巧
Nov 28 Javascript
js自动闭合html标签(自动补全html标记)
Oct 04 Javascript
详解JavaScript中undefined与null的区别
Mar 29 Javascript
jQuery Easyui实现左右布局
Jan 26 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
Aug 15 Javascript
微信小程序 生命周期详解
Oct 12 Javascript
Vue.js实现无限加载与分页功能开发
Nov 03 Javascript
将angular.js项目整合到.net mvc中的方法详解
Jun 29 Javascript
input type=file 选择图片并且实现预览效果的实例
Oct 26 Javascript
javascript原型链学习记录之继承实现方式分析
May 01 Javascript
超详细小程序定位地图模块全系列开发教学
Nov 24 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数据流应用的一个简单实例
2012/09/14 PHP
Thinkphp中的curd应用实用要点
2015/01/04 PHP
Laravel 5框架学习之Eloquent 关系
2015/04/09 PHP
Symfony2联合查询实现方法
2016/03/18 PHP
Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
2010/03/18 Javascript
JS替换文本域内的回车示例
2014/02/18 Javascript
Nodejs学习笔记之Stream模块
2015/01/13 NodeJs
简易的投票系统以及js刷票思路和方法
2015/04/07 Javascript
面向切面编程(AOP)的理解
2015/05/01 Javascript
全面详细的jQuery常见开发技巧手册
2016/02/21 Javascript
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
2016/11/21 Javascript
js禁止浏览器页面后退功能的实例(推荐)
2017/09/01 Javascript
vue如何使用 Slot 分发内容实例详解
2017/09/05 Javascript
原生js调用json方法总结
2018/02/22 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
2018/08/24 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
[01:15:15]VG VS EG Supermajor小组赛B组胜者组第一轮 BO3第二场 6.2
2018/06/03 DOTA
python连接mysql实例分享
2016/10/09 Python
Python科学计算之Pandas详解
2017/01/15 Python
总结python实现父类调用两种方法的不同
2017/01/15 Python
python2.7实现FTP文件下载功能
2018/04/15 Python
python使用turtle库绘制树
2018/06/25 Python
选择Python写网络爬虫的优势和理由
2019/07/07 Python
Python 实现Serial 与STM32J进行串口通讯
2019/12/18 Python
Python Charles抓包配置实现流程图解
2020/09/29 Python
解决pip安装tensorflow中出现的no module named tensorflow.python 问题方法
2021/02/20 Python
CSS3中Transition动画属性用法详解
2016/07/04 HTML / CSS
纪伊国屋新加坡网上书店:Kinokuniya新加坡
2017/12/29 全球购物
房地产管理毕业生自荐信
2013/11/04 职场文书
高二生物教学反思
2014/01/27 职场文书
房屋出售协议书
2014/04/10 职场文书
2014年客服工作总结与计划
2014/12/09 职场文书
2014年财政工作总结
2014/12/10 职场文书
MBA推荐信怎么写
2015/03/25 职场文书
2015年体育教师个人工作总结
2015/05/12 职场文书
一文了解MYSQL三大范式和表约束
2022/04/03 MySQL