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写的一个模拟阅读小说的程序
Apr 04 Javascript
JS中getYear()和getFullYear()区别分析
Jul 04 Javascript
JavaScript实现继承的4种方法总结
Oct 16 Javascript
jQuery中:disabled选择器用法实例
Jan 04 Javascript
javascript获取当前鼠标坐标的方法
Jan 10 Javascript
javascript面向对象之this关键词用法分析
Jan 13 Javascript
jquery实现模拟百分比进度条渐变效果代码
Oct 29 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
Mar 16 Javascript
vue项目关闭eslint校验
Mar 21 Javascript
Angular ng-animate和ng-cookies用法详解
Apr 18 Javascript
layui layer select 选择被遮挡的解决方法
Sep 21 Javascript
vue 封装面包屑组件教程
Nov 16 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简单系统数据添加以及数据删除模块源文件下载
2008/06/07 PHP
PHP下10件你也许并不了解的事情
2008/09/11 PHP
PHP程序员常见的40个陋习,你中了几个?
2014/11/20 PHP
PHP判断字符串长度的两种方法很实用
2015/09/22 PHP
PHP 的比较运算与逻辑运算详解
2016/05/12 PHP
PHP使用imagick扩展实现合并图像的方法
2017/04/25 PHP
Laravel框架模型的创建及模型对数据操作示例
2019/05/07 PHP
jQuery的deferred对象使用详解
2011/08/20 Javascript
js中iframe调用父页面的方法
2014/10/30 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
2015/07/01 Javascript
深入浅析JavaScript面向对象和原型函数
2016/02/06 Javascript
12条写出高质量JS代码的方法
2018/01/07 Javascript
video.js 实现视频只能后退不能快进的思路详解
2018/08/09 Javascript
详解webpack打包第三方类库的正确姿势
2018/10/20 Javascript
ElementUI Tag组件实现多标签生成的方法示例
2019/07/08 Javascript
layui多图上传实现删除功能的例子
2019/09/23 Javascript
微信小程序实现注册登录功能(表单校验、错误提示)
2019/12/10 Javascript
浅谈React中组件逻辑复用的那些事儿
2020/05/21 Javascript
Python中几种操作字符串的方法的介绍
2015/04/09 Python
python将字符串以utf-8格式保存在txt文件中的方法
2018/10/30 Python
Python实现KNN(K-近邻)算法的示例代码
2019/03/05 Python
使用Python自动生成HTML的方法示例
2019/08/06 Python
Django中create和save方法的不同
2019/08/13 Python
Python中关于浮点数的冷知识
2019/09/22 Python
使用python编写一个语音朗读闹钟功能的示例代码
2020/07/14 Python
详解python安装matplotlib库三种失败情况
2020/07/28 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
HTML5新增的表单元素和属性实例解析
2014/07/07 HTML / CSS
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
2016/02/28 HTML / CSS
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
冬季施工防火方案
2014/05/17 职场文书
师德自我剖析材料范文
2014/10/06 职场文书
礼仪培训心得体会
2016/01/22 职场文书
读《推着妈妈去旅行》有感1500字
2019/10/15 职场文书
python某漫画app逆向
2021/03/31 Python