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 相关文章推荐
深入理解JavaScript系列(13) This? Yes,this!
Jan 18 Javascript
jquery弹出框的用法示例(一)
Aug 26 Javascript
javascript验证上传文件的类型限制必须为某些格式
Nov 14 Javascript
利用JS判断用户是否上网(连接网络)
Dec 23 Javascript
$(document).ready(function() {})不执行初始化脚本
Jun 19 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
Oct 10 Javascript
JavaScript注入漏洞的原理及防范(详解)
Dec 04 Javascript
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
Vue(定时器)解决mounted不能获取到data中的数据问题
Jul 30 Javascript
JavaScript实现简单验证码
Aug 24 Javascript
Openlayers+EasyUI Tree动态实现图层控制
Sep 28 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
Oct 21 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  Yii清理缓存的实现方法
2016/11/10 PHP
让低版本浏览器支持input的placeholder属性(js方法)
2013/04/03 Javascript
javascript实现可改变滚动方向的无缝滚动实例
2013/06/17 Javascript
jquery弹出框的用法示例(一)
2013/08/26 Javascript
三种动态加载js的jquery实例代码另附去除js方法
2014/04/30 Javascript
浅析JavaScript作用域链、执行上下文与闭包
2016/02/01 Javascript
jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
2016/02/25 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
页面间固定参数,通过cookie传值的实现方法
2017/05/31 Javascript
vue-cli项目代理proxyTable配置exclude的方法
2018/09/20 Javascript
vue路由缓存的几种实现方式小结
2020/02/02 Javascript
python模拟新浪微博登陆功能(新浪微博爬虫)
2013/12/24 Python
python基础教程之lambda表达式使用方法
2014/02/12 Python
python 添加用户设置密码并发邮件给root用户
2016/07/25 Python
python 计算文件的md5值实例
2017/01/13 Python
Python使用cx_Oracle调用Oracle存储过程的方法示例
2017/10/07 Python
python中实现将多个print输出合成一个数组
2018/04/19 Python
详解如何在Apache中运行Python WSGI应用
2019/01/02 Python
总结python中pass的作用
2019/02/27 Python
在Pycharm中使用GitHub的方法步骤
2019/06/13 Python
Python:合并两个numpy矩阵的实现
2019/12/02 Python
Myprotein蛋白粉美国官网:欧洲畅销运动营养品牌
2016/11/15 全球购物
世界上最好的野生海鲜和有机食品:Vital Choice
2020/01/16 全球购物
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
Oracle里面常用的数据字典有哪些
2014/02/14 面试题
大学军训自我鉴定
2013/12/15 职场文书
财务部总监岗位职责
2014/03/12 职场文书
单位消防安全责任书
2014/07/23 职场文书
活动总结范文
2014/08/30 职场文书
学校运动会广播稿100条
2014/09/14 职场文书
2016公司新年问候语
2015/11/11 职场文书
宣传部部长竞选稿
2015/11/21 职场文书
情侣餐厅的创业计划书范本!
2019/07/26 职场文书
MySQL获取所有分类的前N条记录
2021/05/07 MySQL
使用Java去实现超市会员管理系统
2022/03/18 Java/Android
html解决浏览器记住密码输入框的问题
2023/05/07 HTML / CSS