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 相关文章推荐
Jquery 弹出层插件实现代码
Oct 24 Javascript
跟着JQuery API学Jquery 之二 属性
Apr 09 Javascript
javascript 中that的含义示例介绍
May 14 Javascript
JS创建类和对象的两种不同方式
Aug 08 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
Aug 11 Javascript
ajax读取数据后使用jqchart显示图表的方法
Jun 10 Javascript
Javascript简写条件语句(推荐)
Jun 12 Javascript
jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】
Sep 05 Javascript
使用JavaScript实现点击循环切换图片效果
Sep 03 Javascript
echarts实现地图定时切换散点与多图表级联联动详解
Aug 07 Javascript
微信小程序实现跑马灯效果
Oct 21 Javascript
详解微信小程序缓存--缓存时效性
May 02 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 checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
叫你如何修改Nginx与PHP的文件上传大小限制
2014/09/10 PHP
php中实现用数组妩媚地生成要执行的sql语句
2015/07/10 PHP
smarty的section嵌套循环用法示例
2016/05/28 PHP
关于Laravel Route重定向的一个注意点
2017/01/16 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
javascript 常用功能总结
2012/03/18 Javascript
jquery获取选中的文本和值的方法
2014/07/08 Javascript
简介JavaScript中的getSeconds()方法的使用
2015/06/10 Javascript
JS验证邮件地址格式方法小结
2015/12/01 Javascript
Javascript类型系统之undefined和null浅析
2016/07/13 Javascript
JavaScript组合模式学习要点
2016/08/26 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
2017/03/09 Javascript
详解require.js配置路径的用法和css的引入
2017/09/06 Javascript
Bootstrap modal只加载一次数据的解决办法(推荐)
2017/11/24 Javascript
JSONP原理及应用实例详解
2018/09/13 Javascript
微信小程序页面间值传递的两种方法
2018/11/26 Javascript
使用python绘制常用的图表
2016/08/27 Python
python合并已经存在的sheet数据到新sheet的方法
2018/12/11 Python
pyqt5实现按钮添加背景图片以及背景图片的切换方法
2019/06/13 Python
python计算导数并绘图的实例
2020/02/29 Python
OpenCV灰度化之后图片为绿色的解决
2020/12/01 Python
用python实现一个简单的验证码
2020/12/09 Python
python+playwright微软自动化工具的使用
2021/02/02 Python
CSS3用@font-face实现自定义英文字体
2013/09/23 HTML / CSS
CSS3绘制有活力的链接下划线
2016/07/14 HTML / CSS
HTML5实现视频弹幕功能
2019/08/09 HTML / CSS
英国排名第一的最新设计师品牌手表独立零售商:TIC Watches
2016/09/24 全球购物
建筑毕业生自我鉴定
2013/10/18 职场文书
计算机应用毕业生自荐信
2013/10/23 职场文书
毕业生自我鉴定
2013/12/04 职场文书
售后客服工作职责
2014/06/16 职场文书
相亲活动方案
2014/08/26 职场文书
审计局2014法制宣传日活动总结
2014/11/01 职场文书
Python访问Redis的详细操作
2021/06/26 Python