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操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
Jan 30 Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
Feb 03 Javascript
javascript跨域原因以及解决方案分享
Apr 08 Javascript
js由下向上不断上升冒气泡效果实例
May 07 Javascript
jQuery.extend 函数及用法详细
Sep 06 Javascript
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
Nov 02 Javascript
详解vue中computed 和 watch的异同
Jun 30 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
Jul 23 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
Aug 12 Javascript
vue ssr 实现方式(学习笔记)
Jan 18 Javascript
使用p5.js实现动态GIF图片临摹重现
Oct 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
印尼林东PWN黄金曼特宁咖啡豆:怎么冲世界上最醇厚的咖啡冲煮教程
2021/03/03 冲泡冲煮
PHP 得到根目录的 __FILE__ 常量
2008/07/23 PHP
用PHP查询搜索引擎排名位置的代码
2010/01/05 PHP
smarty模板引擎从php中获取数据的方法
2015/01/22 PHP
Thinkphp5结合layer弹窗定制操作结果页面
2017/07/07 PHP
PHP进阶学习之垃圾回收机制详解
2019/06/18 PHP
Code:loadScript( )加载js的功能函数
2007/02/02 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
2012/09/17 Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
2014/01/13 Javascript
javascript框架设计读书笔记之种子模块
2014/12/02 Javascript
javascript中对Date类型的常用操作小结
2016/05/19 Javascript
jQuery插件formValidator实现表单验证
2016/05/23 Javascript
前端程序员必须知道的高性能Javascript知识
2016/08/24 Javascript
Ajax的概述与实现过程
2016/11/18 Javascript
Bootstrap php制作动态分页标签
2016/12/23 Javascript
Express使用html模板的详细代码
2017/09/18 Javascript
快速解决处理后台返回json数据格式的问题
2018/08/07 Javascript
高性能js数组去重(12种方法,史上最全)
2019/12/21 Javascript
Vue和React有哪些区别
2020/09/12 Javascript
Python中常见的异常总结
2018/02/20 Python
Django contenttypes 框架详解(小结)
2018/08/13 Python
python写一个随机点名软件的实例
2019/11/28 Python
python3用PyPDF2解析pdf文件,用正则匹配数据方式
2020/05/12 Python
纯CSS实现聊天框小尖角、气泡效果
2014/04/04 HTML / CSS
美国知名男士服饰品牌:Brooks Brothers(布克兄弟)
2016/08/25 全球购物
亚历山大·王官网:Alexander Wang
2017/06/23 全球购物
多媒体编辑专业毕业生推荐信
2013/11/05 职场文书
幼儿园美术教学反思
2014/01/31 职场文书
我的大学四年规划书范文2014
2014/09/26 职场文书
2014年物资管理工作总结
2014/12/02 职场文书
优秀共产党员推荐材料
2014/12/18 职场文书
未婚证明范本
2015/06/15 职场文书
2015年成本会计工作总结
2015/10/14 职场文书
个人向公司借款协议书
2016/03/19 职场文书
十大最强奥特曼武器:怪兽战斗仪在榜,第五奥特之父只使用过一次
2022/03/18 日漫
阿里云日志过滤器配置日志服务
2022/04/09 Servers