vue入门7---vue脚手架(vue-cli)介绍

一、vue-cli

vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发。
*但是VUE官网不推荐新手直接使用 vue-cli,特别是在还不熟悉基于Node.js 的构建工具时

  • vue-cli需要使用npm(node package manager)安装;
    其中npm功能:存放共享的代码,其他人使用时,直接在package.json中,运行npm install,npm会帮忙下载。
    安装npm,即安装node(https://nodejs.org/en/download/) ,mac os 使用使用 brew install node命令安装; npm在node安装时已经安装好了,键入npm -v可以查看版本;

使用vue-cli搭建项目指令:
1、npm install -g vue-cli //g代表全局安装global
2、vue init webpack yourProjectName(不要用中文字符) // vue init <template-name><project-name>, webpack 是模块名称,其中还有webpack-simple、browserify、 browserify-simple、 simple
3、npm install
4、cd 项目名称,再npm run dev
5、最后访问: http://localhost:8080/

*****命令2的详细介绍:参考http://www.cnblogs.com/zhupanpan/p/9450044.htmlhttps://www.jianshu.com/p/1626b8643676/

  • webpack-一个全面的webpack+vue-loader的模板,功能包括热加载,linting,检测和CSS扩展。
  • webpack-simple-一个简单webpack+vue-loader的模板,不包含其他功能,让你快速的搭建vue的开发环境。
  • browserify-一个全面的Browserify+vueify 的模板,功能包括热加载,linting,单元检测。
  • browserify-simple-一个简单Browserify+vueify的模板,不包含其他功能,让你快速的搭建vue的开发环境。
  • simple-一个最简单的单页应用模板。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容