使用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 相关文章推荐
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
Jan 16 Javascript
JavaScript插入动态样式实现代码
Feb 22 Javascript
Json字符串转换为JS对象的高效方法实例
May 01 Javascript
js实现简单div拖拽功能实例
May 12 Javascript
javascript比较两个日期相差天数的方法
Jul 23 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
Dec 04 Javascript
js 获取范围内的随机数实例代码
Aug 02 Javascript
JQuery遍历元素的后代和同胞实现方法
Sep 18 Javascript
学习使用Bootstrap输入框、导航、分页等常用组件
May 11 Javascript
jQuery.form.js的使用详解
Jun 14 jQuery
vue实现中部导航栏布局功能
Jul 30 Javascript
uni-app如何页面传参数的几种方法总结
Apr 28 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实现定时生成HTML网站首页实例代码
2008/11/20 PHP
跟我学Laravel之请求(Request)的生命周期
2014/10/15 PHP
PHP使用PDO抽象层获取查询结果的方法示例
2018/05/10 PHP
关于PhpStorm设置点击编辑文件自动定位源文件的实现方式
2020/12/30 PHP
js实例属性和原型属性示例详解
2014/11/23 Javascript
JavaScript实现基于Cookie的存储类实例
2015/04/10 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
2016/10/10 Javascript
Nodejs实现多房间简易聊天室功能
2017/06/20 NodeJs
React Native验证码倒计时工具类分享
2017/10/24 Javascript
详解RequireJs官方使用教程
2017/10/31 Javascript
基于vue-video-player自定义播放器的方法
2018/03/21 Javascript
React Native悬浮按钮组件的示例代码
2018/04/05 Javascript
angular 实时监听input框value值的变化触发函数方法
2018/08/31 Javascript
JavaScript数组去重的几种方法
2019/04/07 Javascript
JavaScript判断浏览器版本的方法
2019/11/03 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
2020/08/10 Javascript
学习python处理python编码问题
2011/03/13 Python
Python插件virtualenv搭建虚拟环境
2017/11/20 Python
对Python 3.2 迭代器的next函数实例讲解
2018/10/18 Python
python使用BeautifulSoup与正则表达式爬取时光网不同地区top100电影并对比
2019/04/15 Python
pytorch 加载(.pth)格式的模型实例
2019/08/20 Python
Python tkinter 下拉日历控件代码
2020/03/04 Python
Selenium之模拟登录铁路12306的示例代码
2020/07/31 Python
css3 矩阵的使用详解
2018/03/20 HTML / CSS
纽约海:Sea New York
2018/11/04 全球购物
商场消防管理制度
2014/01/12 职场文书
工地宣传标语
2014/06/18 职场文书
暑假学习心得体会
2014/09/02 职场文书
四风问题个人对照检查材料
2014/09/26 职场文书
发布会邀请函
2015/01/31 职场文书
体育教师个人工作总结
2015/02/09 职场文书
小型婚礼主持词
2015/06/30 职场文书
实习员工转正的评语汇总,以备不时之需
2019/12/17 职场文书
python字典的元素访问实例详解
2021/07/21 Python
一文搞懂Golang 时间和日期相关函数
2021/12/06 Golang