使用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 相关文章推荐
脚本收藏iframe
Jul 21 Javascript
Expandable &quot;Detail&quot; Table Rows
Aug 29 Javascript
JavaScript Event学习第九章 鼠标事件
Feb 08 Javascript
jquery导航制件jquery鼠标经过变色效果示例
Dec 05 Javascript
js换图片效果可进行定时操作
Jun 09 Javascript
详解JavaScript中数组的相关知识
Jul 29 Javascript
javascript倒计时效果实现
Nov 12 Javascript
jQuery+css实现的切换图片功能代码
Jan 27 Javascript
Javascript快速实现浏览器系统通知
Aug 26 Javascript
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
Oct 19 jQuery
javascript实现时钟动画
Dec 03 Javascript
一文帮你理解PReact10.5.13源码
Apr 03 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
Codeigniter出现错误提示Error with CACHE directory的解决方案
2014/06/12 PHP
PHP实现适用于文件内容操作的分页类
2016/06/15 PHP
Laravel 5.3 学习笔记之 配置
2016/08/28 PHP
PHP中TP5 上传文件的实例详解
2017/07/31 PHP
Laravel5.5新特性之友好报错以及展示详解
2017/08/13 PHP
浅谈thinkphp的nginx配置,以及重写隐藏index.php入口文件方法
2019/10/12 PHP
获取URL地址中的文件名和参数的javascript代码
2009/09/02 Javascript
JQuery从头学起第二讲
2010/07/04 Javascript
jQuery之网页换肤实现代码
2011/04/30 Javascript
鼠标滚轮改变图片大小的示例代码
2013/11/20 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
2013/11/25 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
2015/03/14 Javascript
avalonjs制作响应式瀑布流特效
2015/05/06 Javascript
jsTree使用记录实例
2016/12/01 Javascript
vue事件修饰符和按键修饰符用法总结
2017/07/25 Javascript
快速解决vue动态绑定多个class的官方实例语法无效的问题
2018/09/05 Javascript
微信小程序云开发 搭建一个管理小程序
2019/05/17 Javascript
如何实现iframe父子传参通信
2020/02/05 Javascript
vue实现购物车加减
2020/05/30 Javascript
[44:47]Ti4 循环赛第三日 iG vs NaVi
2014/07/12 DOTA
python解析基于xml格式的日志文件
2017/02/25 Python
浅谈python中copy和deepcopy中的区别
2017/10/23 Python
PyQt5图形界面播放音乐的实例
2019/06/17 Python
使用Filter过滤python中的日志输出的实现方法
2019/07/17 Python
详解Python3定时器任务代码
2019/09/23 Python
Python语言异常处理测试过程解析
2020/01/08 Python
Sarenza德国:法国最大的时尚鞋和包包网上商店
2019/06/08 全球购物
介绍一下Ruby的特点
2013/01/20 面试题
五年后的职业生涯规划
2014/03/04 职场文书
小学开学典礼主持词
2014/03/19 职场文书
低碳环保标语
2014/06/12 职场文书
小学语文的各类谚语(70首)
2019/08/15 职场文书
python glom模块的使用简介
2021/04/13 Python
十个Python自动化常用操作,即拿即用
2021/05/10 Python
MySQL基础快速入门知识总结(附思维导图)
2021/09/25 MySQL
《我的美好婚事》动画化决定纪念插画与先导PV公开
2022/04/06 日漫