使用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 相关文章推荐
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
Apr 24 Javascript
关于JS管理作用域的问题
Apr 10 Javascript
Jquery倒计时源码分享
May 16 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
Aug 14 Javascript
JS模拟键盘打字效果的方法
Aug 05 Javascript
JS拖动鼠标画出方框实现鼠标选区的方法
Aug 05 Javascript
javascript中sort() 方法使用详解
Aug 30 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&amp;”)
Dec 23 Javascript
JavaScript中匿名函数的递归调用
Jan 22 Javascript
vue中 this.$set的用法详解
Sep 06 Javascript
微信小程序制作扭蛋机代码实例
Sep 24 Javascript
javascript实现留言板功能
Feb 08 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
解析PHP缓存函数的使用说明
2013/05/10 PHP
PHP常用函数之根据生日计算年龄功能示例
2019/10/21 PHP
prototype 源码中文说明之 prototype.js
2006/09/22 Javascript
ppk谈JavaScript style属性
2008/10/10 Javascript
jquery.validate使用攻略 第五步 正则验证
2010/07/01 Javascript
javascript 内存回收机制理解
2011/01/17 Javascript
jquery实现带复选框的表格行选中删除时高亮显示
2013/08/01 Javascript
JS 实现导航栏悬停效果(续)
2013/09/24 Javascript
jQuery中用dom操作替代正则表达式
2014/12/29 Javascript
Centos7 中安装 Node.js v4.4.4
2016/11/03 Javascript
详解vue.js移动端导航navigationbar的封装
2017/07/05 Javascript
详解JavaScript中关于this指向的4种情况
2019/04/18 Javascript
一文快速详解前端框架 Vue 最强大的功能
2019/05/21 Javascript
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
2020/05/08 Javascript
vue 监听 Treeselect 选择项的改变操作
2020/08/31 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
[00:12]2018DOTA2亚洲邀请赛 sylar表现SOLO技艺
2018/04/06 DOTA
[01:10:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第一场 3月4日
2021/03/11 DOTA
PyQt5每天必学之QSplitter实现窗口分隔
2018/04/19 Python
spark dataframe 将一列展开,把该列所有值都变成新列的方法
2019/01/29 Python
python发送多人邮件没有展示收件人问题的解决方法
2019/06/21 Python
python+selenium+Chrome options参数的使用
2020/03/18 Python
Python使用Turtle模块绘制国旗的方法示例
2021/02/28 Python
如何让Java程序执行效率更高
2014/06/25 面试题
国外的一些J2EE面试题一
2012/10/13 面试题
妇科医生自荐信
2013/11/05 职场文书
编辑硕士自荐信范文
2013/11/27 职场文书
军训的自我鉴定
2013/12/10 职场文书
新学期标语
2014/06/30 职场文书
商业门面租房协议书
2014/11/25 职场文书
青年文明号申报材料
2014/12/23 职场文书
2015年乡镇纪委工作总结
2015/05/26 职场文书
甲午风云观后感
2015/06/02 职场文书
2016北大自主招生自荐信模板
2016/01/28 职场文书
检讨书怎么写?
2019/06/21 职场文书
详细了解MVC+proxy
2021/07/09 Java/Android