使用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 相关文章推荐
SOSO地图API使用(一)在地图上画圆实现思路与代码
Jan 15 Javascript
THREE.JS入门教程(6)创建自己的全景图实现步骤
Jan 25 Javascript
jquery插件lazyload.js延迟加载图片的使用方法
Feb 19 Javascript
jquery遍历table的tr获取td的值实现方法
May 19 Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
Jun 02 Javascript
js删除Array数组中指定元素的两种方法
Aug 03 Javascript
JS原型与原型链的深入理解
Feb 15 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
Mar 21 jQuery
bootstrapvalidator之API学习教程
Jun 29 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
Apr 10 Javascript
vue组件间通信六种方式(总结篇)
May 15 Javascript
layui 弹出层值回传解决方式
Nov 14 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中call_user_func函数使用注意事项
2014/11/21 PHP
php实现通过soap调用.Net的WebService asmx文件
2017/02/27 PHP
PHP微信开发之微信录音临时转永久存储
2018/01/26 PHP
JQuery 学习笔记01 JQuery初接触
2010/05/06 Javascript
JavaScript对象链式操作代码(jquery)
2010/07/04 Javascript
JavaScript中json对象和string对象之间相互转化
2012/12/26 Javascript
jquery通过load获取文件的内容并跳到锚点的方法
2015/01/29 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
2016/04/30 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
2016/05/21 Javascript
Vue filter介绍及其使用详解
2017/10/21 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
2019/01/07 Javascript
vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】
2019/03/15 Javascript
js中switch语句的学习笔记
2020/03/25 Javascript
JS遍历树层级关系实现原理解析
2020/08/31 Javascript
python 文件和路径操作函数小结
2009/11/23 Python
python算法学习之计数排序实例
2013/12/18 Python
Python中dictionary items()系列函数的用法实例
2014/08/21 Python
Python判断Abundant Number的方法
2015/06/15 Python
python爬虫headers设置后无效的解决方法
2017/10/21 Python
Python 绘制酷炫的三维图步骤详解
2019/07/12 Python
python实现爬虫抓取小说功能示例【抓取金庸小说】
2019/08/09 Python
python在不同条件下的输入与输出
2020/02/13 Python
Django全局启用登陆验证login_required的方法
2020/06/02 Python
有关pycharm登录github时有的时候会报错connection reset的问题
2020/09/15 Python
华润集团网上药店:健一网
2016/09/19 全球购物
英国国家美术馆商店:National Gallery
2019/05/01 全球购物
潘多拉珠宝俄罗斯官方网上商店:PANDORA俄罗斯
2020/09/22 全球购物
空字符串(“”)和null的区别
2012/11/13 面试题
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2013/05/03 面试题
办公室前台岗位职责
2014/01/04 职场文书
多媒体专业自我鉴定
2014/02/28 职场文书
2014年手术室工作总结
2014/11/26 职场文书
研究生简历自我评
2015/03/11 职场文书
感恩节寄语2015
2015/03/24 职场文书
PHP正则表达式之RCEService回溯
2022/04/11 PHP
LyScript实现绕过反调试保护的示例详解
2022/08/14 Python