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 内存释放问题
Apr 25 Javascript
javascript 冒泡排序 正序和倒序实现代码
Dec 14 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
May 07 Javascript
html+js实现动态显示本地时间
Sep 21 Javascript
jQuery中slideUp()方法用法分析
Dec 24 Javascript
JS实现n秒后自动跳转的两种方法
Nov 30 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
Sep 23 Javascript
微信小程序的动画效果详解
Jan 18 Javascript
浅谈angular4.0中路由传递参数、获取参数最nice的写法
Mar 12 Javascript
vue中引用swiper轮播插件的教程详解
Aug 16 Javascript
vue2.0 下拉框默认标题设置方法
Aug 22 Javascript
JS如何实现在弹出窗口中加载页面
Dec 03 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设计模式之单例、多例设计模式的应用分析
2013/06/30 PHP
yii2.0之GridView自定义按钮和链接用法
2014/12/15 PHP
YII动态模型(动态表名)支持分析
2016/03/29 PHP
php pdo操作数据库示例
2017/03/10 PHP
浏览器无法运行JAVA脚本的解决方法
2008/01/09 Javascript
理解Javascript_13_执行模型详解
2010/10/20 Javascript
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
JS跨域问题详解
2014/11/25 Javascript
JavaScript Math 对象常用方法总结
2016/04/28 Javascript
jQuery实现checkbox的简单操作
2017/11/18 jQuery
微信小程序网络请求封装示例
2018/07/24 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
2018/10/29 Javascript
Python中的pprint折腾记
2015/01/21 Python
详解pyenv下使用python matplotlib模块的问题解决
2018/11/29 Python
Python之数据序列化(json、pickle、shelve)详解
2019/08/30 Python
解决Numpy中sum函数求和结果维度的问题
2019/12/06 Python
jupyter notebook 实现matplotlib图动态刷新
2020/04/22 Python
收集的7个CSS3代码生成工具
2010/04/17 HTML / CSS
苹果香港官方商城:Apple香港
2016/09/14 全球购物
婴儿鞋,独特的婴儿服装和配件:Zutano
2018/11/03 全球购物
经济与贸易专业应届生求职信
2013/11/19 职场文书
个人现实表现材料
2014/02/04 职场文书
记帐员岗位责任制
2014/02/08 职场文书
写求职信有哪些注意事项
2014/05/08 职场文书
社区春季防火方案
2014/06/02 职场文书
学雷锋宣传标语
2014/06/25 职场文书
交通事故委托书范本(2篇)
2014/09/21 职场文书
工作年限证明模板
2014/11/01 职场文书
个人年终总结开头
2015/03/06 职场文书
人生哲理妙语30条:淡写流年,笑过人生
2019/09/04 职场文书
导游词之黄果树瀑布
2019/09/20 职场文书
详解Django的MVT设计模式
2021/04/29 Python
Minikube搭建Kubernetes集群
2022/03/31 Servers
浅谈Redis 中的过期删除策略和内存淘汰机制
2022/04/03 Redis
HTML实现仿Windows桌面主题特效的实现
2022/06/28 HTML / CSS