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的分页控件(C#)
Jan 06 Javascript
防止xss和sql注入:JS特殊字符过滤正则
Apr 18 Javascript
JS判断客户端是手机还是PC的2个代码
Apr 12 Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
May 19 Javascript
jQuery中[attribute!=value]选择器用法实例
Dec 31 Javascript
JS+CSS实现六级网站导航主菜单效果
Sep 28 Javascript
JavaScript判断按钮被点击的方法
Dec 13 Javascript
jQuery仿写百度百科的目录树
Jan 03 Javascript
基于Vue 2.0的模块化前端 UI 组件库小结
Dec 21 Javascript
spirngmvc js传递复杂json参数到controller的实例
Mar 29 Javascript
Vue三层嵌套路由的示例代码
May 05 Javascript
基于Three.js实现360度全景图片
Dec 30 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 Http_Template_IT类库进行模板替换
2009/03/19 PHP
解析php类的注册与自动加载
2013/07/05 PHP
yii gridview实现时间段筛选功能
2017/08/15 PHP
PHP学习记录之数组函数
2018/06/01 PHP
Thinkphp自定义生成缩略图尺寸的方法
2019/08/05 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
img的onload的另类用法
2008/01/10 Javascript
javascript 操作select下拉列表框的一点小经验
2010/03/20 Javascript
js解析与序列化json数据(二)序列化探讨
2013/02/01 Javascript
javascript中拼接HTML字符串的最快、最好的方法
2014/06/07 Javascript
JavaScript中的anchor()方法使用详解
2015/06/08 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
2015/08/23 Javascript
Node.js连接postgreSQL并进行数据操作
2016/12/18 Javascript
微信小程序模板(template)使用详解
2018/01/31 Javascript
微信web端后退强制刷新功能的实现代码
2018/03/04 Javascript
AjaxUpLoad.js实现文件上传
2018/03/05 Javascript
vue.js的computed,filter,get,set的用法及区别详解
2018/03/08 Javascript
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
2018/05/21 Javascript
浅谈vue中get请求解决传输数据是数组格式的问题
2020/08/03 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
2020/10/13 Javascript
[53:52]EG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python实现多线程暴力破解登陆路由器功能代码分享
2015/01/04 Python
python3中str(字符串)的使用教程
2017/03/23 Python
浅谈Django中的数据库模型类-models.py(一对一的关系)
2018/05/30 Python
用于业余项目的8个优秀Python库
2018/09/21 Python
JupyterNotebook 输出窗口的显示效果调整实现
2020/09/22 Python
HTML5 Notification(桌面提醒)功能使用实例
2014/03/17 HTML / CSS
丝芙兰香港官网:Sephora香港
2018/03/13 全球购物
Delphi笔试题
2016/11/14 面试题
Python使用openpyxl复制整张sheet
2021/03/24 Python
房屋转让协议书
2014/04/11 职场文书
公务员爱岗敬业演讲稿
2014/08/26 职场文书
民主生活会对照检查材料
2014/09/22 职场文书
办护照工作证明
2014/10/01 职场文书
民事申诉状范本
2015/05/20 职场文书
故意杀人案辩护词
2015/05/21 职场文书