使用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 相关文章推荐
jquery实现多级下拉菜单的实例代码
Oct 02 Javascript
从零学JS之你需要了解的几本书
May 19 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
Sep 17 Javascript
jQuery自定义组件(导入组件)
Nov 08 Javascript
移动端日期插件Mobiscroll.js使用详解
Dec 19 Javascript
vue实现app页面切换动画效果实例
May 23 Javascript
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
使用JS判断移动端手机横竖屏状态
Jul 30 Javascript
利用vue重构有赞商城的思路以及总结整理
Feb 21 Javascript
详解element-ui中el-select的默认选择项问题
Aug 02 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
Feb 04 jQuery
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
解决GD中文乱码问题
2007/02/14 PHP
收藏的一个php小偷的核心程序
2007/04/09 PHP
实用函数8
2007/11/08 PHP
php 使用GD库为页面增加水印示例代码
2014/03/24 PHP
兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
2014/06/05 PHP
基于递归实现的php树形菜单代码
2014/11/19 PHP
php框架CI(codeigniter)自动加载与自主创建对象操作实例分析
2020/06/06 PHP
表单的一些基本用法与技巧
2006/07/15 Javascript
参考:关于Javascript中实现暂停的几篇文章
2007/03/04 Javascript
jquery 文本上下无缝滚动,鼠标放上去就停止 小例子
2013/06/05 Javascript
基于jquery的网站幻灯片切换效果焦点图代码
2013/09/15 Javascript
利用Jquery队列实现根据输入数量显示的动画
2016/09/01 Javascript
js编写选项卡效果
2017/05/23 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
2017/06/20 Javascript
Thinkphp5微信小程序获取用户信息接口的实例详解
2017/09/26 Javascript
详解项目升级到vue-cli3的正确姿势
2019/01/28 Javascript
vue中uni-app 实现小程序登录注册功能
2019/10/12 Javascript
vue父子模板传值问题解决方法案例分析
2020/02/26 Javascript
python在Windows下安装setuptools(easy_install工具)步骤详解
2016/07/01 Python
在cmd中查看python的安装路径方法
2019/07/03 Python
python numpy数组复制使用实例解析
2020/01/10 Python
关于前端上传文件全面基础扫盲贴(入门)
2019/08/01 HTML / CSS
美国背景检查、公共记录和人物搜索网站:BeenVerified
2018/02/25 全球购物
诺思信科技(南京)有限公司.NET笔试题答案
2013/07/06 面试题
远程调用的原理
2014/07/05 面试题
与C++相比,Java中的数组有什么不同
2014/03/25 面试题
国际会议邀请函范文
2014/01/16 职场文书
不假外出检讨书
2014/01/27 职场文书
经典的毕业生自荐信范文
2014/04/14 职场文书
公司领导班子对照材料
2014/08/18 职场文书
民主生活会批评与自我批评总结
2014/10/17 职场文书
学校法制宣传日活动总结
2014/11/01 职场文书
信用卡催款律师函
2015/05/27 职场文书
保护环境的宣传语
2015/07/13 职场文书
2016年情人节问候语
2015/11/11 职场文书
Go语言基础切片的创建及初始化示例详解
2021/11/17 Golang