使用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 相关文章推荐
json-lib出现There is a cycle in the hierarchy解决办法
Feb 24 Javascript
IE6中使用position导致页面变形的解决方案(js代码)
Jan 09 Javascript
javascript数组去重方法终极总结
Jun 05 Javascript
搭建pomelo 开发环境
Jun 24 Javascript
jQuery EasyUI提交表单验证
Jul 19 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
Sep 28 Javascript
JS使用贪心算法解决找零问题示例
Nov 27 Javascript
JavaScript栈和队列相关操作与实现方法详解
Dec 07 Javascript
详解在微信小程序的JS脚本中使用Promise来优化函数处理
Mar 06 Javascript
详解vue项目打包步骤
Mar 29 Javascript
vue data引入本地图片的两种方式小结
Nov 13 Javascript
微信小程序学习总结(五)常见问题实例小结
Jun 04 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
15种PHP Encoder的比较
2007/04/17 PHP
php学习 函数 课件
2008/06/15 PHP
PHP去掉从word直接粘贴过来的没有用格式的函数
2012/10/29 PHP
深入解析yii权限分级式访问控制的实现(非RBAC法)
2013/06/13 PHP
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
PHP实现远程下载文件到本地
2015/05/17 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
Prototype PeriodicalExecuter对象 学习
2009/07/19 Javascript
Jquery在IE7下无法使用 $.ajax解决方法
2009/11/11 Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
2010/07/06 Javascript
jquery的ajax()函数传值中文乱码解决方法介绍
2012/11/08 Javascript
jquery 实现密码框的显示与隐藏示例代码
2013/09/18 Javascript
node.js中的fs.mkdir方法使用说明
2014/12/17 Javascript
JavaScript异步加载浅析
2014/12/28 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
原生javascript实现图片无缝滚动效果
2016/02/12 Javascript
轻松掌握JavaScript中介者模式
2016/08/26 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
2017/08/14 Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
2018/09/27 Javascript
一篇超完整的Vue新手入门指导教程
2020/11/18 Vue.js
Python操作MongoDB数据库PyMongo库使用方法
2015/04/27 Python
Python遍历某目录下的所有文件夹与文件路径
2018/03/15 Python
将python图片转为二进制文本的实例
2019/01/24 Python
python for 循环获取index索引的方法
2019/02/01 Python
Python实现的删除重复文件或图片功能示例【去重】
2019/04/23 Python
python调用HEG工具批量处理MODIS数据的方法及注意事项
2020/02/18 Python
Python3实现个位数字和十位数字对调, 其乘积不变
2020/05/03 Python
读取nii或nii.gz文件中的信息即输出图像操作
2020/07/01 Python
浅析Python打包时包含静态文件处理方法
2021/01/15 Python
P D PAOLA法国官网:西班牙著名的珠宝首饰品牌
2020/02/15 全球购物
教师求职信怎么写
2015/03/20 职场文书
大学生干部培训心得体会
2016/01/06 职场文书
党组织关系的介绍信模板
2019/06/21 职场文书
基于Pygame实现简单的贪吃蛇游戏
2021/12/06 Python