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 相关文章推荐
Exitjs获取DataView中图片文件名
Nov 26 Javascript
理解JAVASCRIPT中hasOwnProperty()的作用
Jun 05 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
Aug 04 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
Aug 12 Javascript
js实现input框文字动态变换显示效果
Aug 19 Javascript
第五章之BootStrap 栅格系统
Apr 25 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
Sep 28 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
Jun 02 Javascript
layui中table表头样式修改方法
Aug 15 Javascript
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
Sep 11 Javascript
JavaScript实现通讯录功能
Dec 27 Javascript
vue使用v-model进行跨组件绑定的基本实现方法
Apr 28 Vue.js
小程序云开发实战小结
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常用函数小技巧
2008/09/11 PHP
php实现用于删除整个目录的递归函数
2015/03/16 PHP
PHP常见数组函数用法小结
2016/03/21 PHP
jQuery实现可收缩展开的级联菜单实例代码
2013/11/27 Javascript
ExtJs纵坐标值重复问题的解决方法
2014/02/27 Javascript
DOM基础教程之事件对象
2015/01/20 Javascript
javascript实现英文首字母大写
2015/04/23 Javascript
关于延迟加载JavaScript
2015/05/05 Javascript
全面解析Bootstrap图片轮播效果
2015/12/03 Javascript
Node.js返回JSONP详解
2016/05/18 Javascript
jQuery DataTables插件自定义Ajax分页实例解析
2020/04/28 Javascript
AngularJS入门教程之数据绑定用法示例
2016/11/01 Javascript
windows下vue.js开发环境搭建教程
2017/03/20 Javascript
jQuery回调方法使用示例
2017/06/26 jQuery
jQuery DOM节点的遍历方法小结
2017/08/15 jQuery
vue-router 实现导航守卫(路由卫士)的实例代码
2018/09/02 Javascript
JS实现在线ps功能详解
2019/07/31 Javascript
微信小程序 生成携带参数的二维码
2019/10/23 Javascript
深入浅析vue全局环境变量和模式
2020/04/28 Javascript
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
2020/11/10 Javascript
[03:59]第二届DOTA2亚洲邀请赛选手传记-VGJ.rOtk
2017/04/03 DOTA
[01:43]深扒TI7聊天轮盘语音出处4
2017/05/11 DOTA
Python写的PHPMyAdmin暴力破解工具代码
2014/08/06 Python
实例讲解Python中函数的调用与定义
2016/03/14 Python
Windows下安装Django框架的方法简明教程
2018/03/28 Python
python 获取utc时间转化为本地时间的方法
2018/12/31 Python
对python3中, print横向输出的方法详解
2019/01/28 Python
Python 使用SFTP和FTP实现对服务器的文件下载功能
2020/12/17 Python
中国网上药店领导者:1药网
2017/02/16 全球购物
特色蛋糕店创业计划书
2014/01/28 职场文书
30年同学聚会感言
2014/01/30 职场文书
矿泉水广告词
2014/03/20 职场文书
2015年第十五个全民国防教育日宣传活动方案
2015/05/06 职场文书
pytorch中的numel函数用法说明
2021/05/13 Python
Redis中有序集合的内部实现方式的详细介绍
2022/03/16 Redis
MySQL普通表如何转换成分区表
2022/05/30 MySQL