vue-cli安装使用流程步骤详解
更新时间：2018年11月08日 11:51:50 作者：xing.org1^
这篇文章主要介绍了 vue-cli安装使用流程,本文分步骤给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
1.全局安装vue-cli
cnpm i vue-cli -g
2.监测安装版本
vue -V
大写V : version
3.指定目录下新建项目
vue init webpack [项目名]
按自己的意愿配置、选择对应信息。最后配置完成检查package.json是否如此
4.进入到项目
cd demo
5.安装全部依赖（或者在init是选择自动安装）
cnpm i
6.安装你需要但是默认没被安装的（比如axios）
cnpm i --S vuex axios
（上图忘了cd到对应目录，自己安装一定要先cd到对应目录，不然在文件夹同级又多建一个package.json和node_modules）
备注： --S 大写，将安装到dependencies内
6.安装成功执行运行
cnpm run dev
这里，默认配置的端口为8080（后期可以自己改），现在可以在浏览器打开http://localhost:8080，如下图说明成功
相关文章
这篇文章主要介绍了vue之邮箱、密码、手机号码等输入验证规则说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了Vue中如何设置全局的cookie对象，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要为大家介绍了Vue中使用watch同时监听多个值的实现方法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
解决vue打包后刷新页面报错：Unexpected token <
这篇文章主要介绍了解决vue打包后刷新页面报错：Unexpected token <相关知识点，需要的朋友们参考下。2019-08-08
解决Vue项目中Emitted value instead of an
这篇文章主要介绍了解决Vue项目中Emitted value instead of an instance of Error问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-11-11
这篇文章主要介绍了Vue组件基础操作，组件是vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互进行直接的引用2023-01-01
本篇文章主要介绍了vue-cli入门之项目结构，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
这篇文章主要介绍了VUE 组件转换为微信小程序组件的方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-11-11
本文分步骤给大家介绍了Vue 1.0自定义动画效果，vue1.0代码结合animate.css定义动画，页面一定要引入animate.cdd，具体实例代码大家参考下本文2018-07-07
这篇文章主要介绍了.eslintrc配置目录及配置项的使用方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
最新评论