使用vue-cli webpack 快速搭建项目的代码


Posted in Javascript onNovember 21, 2018

一、安装vue

npm install vue -g

二、用vue-cli快速搭建项目

//全局安装vue-cli
npm install install -g vue-cli
//创建一个基于webpack模板的项目
vue init webpack [demoname]
? Project name (xxx)
? Project name xxxx
? Project description (A Vue.js project)
? Project description A Vue.js project
? Author (xj <x@xm.com>)
? Author xx <x@xlm.com>
? Vue build (Use arrow keys)
? Vue build standalone
? Install vue-router? (Y/n) y
? Install vue-router? Yes
? Use ESLint to lint your code? (Y/n) n
? Use ESLint to lint your code? No
? Set up unit tests (Y/n) n
? Set up unit tests No
? Setup e2e tests with Nightwatch? (Y/n) n
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recom
? Should we run `npm install` for you after the project has been created? (recom
mended) npm
  vue-cli · Generated "paixiaoyang_backstage".
# Installing project dependencies ...
# ========================
npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixes andnew features!
npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
> uglifyjs-webpack-plugin@0.4.6 postinstall F:\work\paixiaoyang_backstage\paixiaoyang_backstage\node_modules\webpack\node_modules\uglifyjs-webpack-plugin
> node lib/post_install.js
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
added 1127 packages from 646 contributors and audited 10642 packages in 157.659s
found 2 vulnerabilities (1 moderate, 1 high)
 run `npm audit fix` to fix them, or `npm audit` for details
# Project initialization finished!
# ========================
To get started:
 cd xxxx
 npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack

三、进入项目运行

cd xxxx
//运行
npm run dev

四、在浏览器上打开localhost:8080

使用vue-cli webpack 快速搭建项目的代码

总结

以上所述是小编给大家介绍的使用vue-cli webpack 快速搭建项目的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
一实用的实现table排序的Javascript类库
Sep 12 Javascript
jquery使用ColorBox弹出图片组浏览层实例演示
Mar 14 Javascript
js导出table到excel同时兼容FF和IE示例
Sep 03 Javascript
JS控制图片等比例缩放的示例代码
Dec 24 Javascript
JavaScript网页定位详解
Jan 13 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
Jun 10 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
Nov 03 Javascript
详解js树形控件—zTree使用总结
Dec 28 Javascript
jQuery实现获取隐藏div高度的方法示例
Feb 09 Javascript
JS库中的Particles.js在vue上的运用案例分析
Sep 13 Javascript
layui框架中layer父子页面交互的方法分析
Nov 15 Javascript
解决angularJS中input标签的ng-change事件无效问题
Sep 13 Javascript
Angular刷新当前页面的实现方法
Nov 21 #Javascript
详解ES6系列之私有变量的实现
Nov 21 #Javascript
jQuery实现上下滚动公告栏详细代码
Nov 21 #jQuery
Vue.js 中 axios 跨域访问错误问题及解决方法
Nov 21 #Javascript
vue  directive定义全局和局部指令及指令简写
Nov 20 #Javascript
详解Vue.js在页面加载时执行某个方法
Nov 20 #Javascript
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
Nov 20 #Javascript
You might like
模仿OSO的论坛(四)
2006/10/09 PHP
PHP文件下载类
2006/12/06 PHP
收藏的PHP常用函数 推荐收藏保存
2010/02/21 PHP
php连接Access数据库错误及解决方法
2013/06/20 PHP
PHP解码unicode编码的中文字符代码分享
2014/08/13 PHP
Laravel中获取路由参数Route Parameters的五种方法示例
2017/09/29 PHP
thinkPHP中钩子的使用方法实例分析
2017/11/16 PHP
学习JavaScript的最佳方法分享
2011/10/21 Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
2013/11/08 Javascript
javascript模拟post提交隐藏地址栏的参数
2014/09/03 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
2016/05/10 Javascript
jQuery文件上传控件 Uploadify 详解
2016/06/20 Javascript
jQuery中each方法的使用详解
2018/03/18 jQuery
jQuery实现简单复制json对象和json对象集合操作示例
2018/07/09 jQuery
JQuery常用简单动画操作方法回顾与总结
2019/12/07 jQuery
Python django实现简单的邮件系统发送邮件功能
2017/07/14 Python
Python3实现的画图及加载图片动画效果示例
2018/01/19 Python
Python多进程原理与用法分析
2018/08/21 Python
python集合是否可变总结
2019/06/20 Python
python查看数据类型的方法
2019/10/12 Python
python 浅谈serial与stm32通信的编码问题
2019/12/18 Python
从python读取sql的实例方法
2020/07/21 Python
世界第一冲浪品牌:O’Neill
2016/08/30 全球购物
世界上最好的威士忌和烈性酒购买网站:The Whisky Exchange
2016/11/20 全球购物
EMPHASIS艾斐诗官网:周生生旗下原创精品珠宝品牌
2020/12/17 全球购物
100%法国制造的游戏和玩具:Les Jouets Français
2021/03/02 全球购物
高中自我评价分享
2013/12/05 职场文书
服务行业个人求职的自我评价
2013/12/12 职场文书
九年级数学教学反思
2014/02/02 职场文书
小学教师寄语大全
2014/04/03 职场文书
2014统计局民主生活会对照检查材料思想汇报
2014/10/02 职场文书
依法行政工作汇报
2014/10/28 职场文书
家长通知书家长意见
2015/06/03 职场文书
小时代观后感
2015/06/10 职场文书
tensorflow学习笔记之tfrecord文件的生成与读取
2021/03/31 Python
Java数据结构之堆(优先队列)
2022/05/20 Java/Android