vue.js 作为当前最热门的前端开发框架, 已成为了前端开发者必学的内容之一. 但是 vue 环境的搭建稍显复杂和繁琐, 项目的构建也没那么方便. 为了解决这个问题, Vue 官方提供了 Vue CLI.
vue-cli 是有 Vue 提供的一个官方 cli, 专门为单页面应用快速搭建繁杂的脚手架. 它是用于自动生成 vue.JS+webpack 的项目模板, 是为现代前端工作流提供了 batteries-included 的构建设置.
那么如何安装 vue-cli?
1, 安装之前检查是否已经安装 node 环境, 如果有我们就进行接下来的 vue-cli 的安装, 若果没有我们则先安装 node 环境.
node 在 4. 以上, NPM 在 3 以上
2, 安装 vue-cli 脚手架, 安装代码为: NPM install -g vue-cli, 我们在这里选择的是全局安装, 安装完之后创建项目.
3, 然后根据提示选择会否安装插件, 如果安装则选择 Yes, 如果不安装则选择 No, 知道插件选择完成.
4, 之后我们 cd 切换到项目目录, 然后安装项目依赖, 项目依赖的安装代码为: NPM install
5, 依赖安装完成之后我们的脚手架基本上算是安装完成了, 我们看一下我们的项目都有什么文件.
6, 所有前奏准备完成之后我们的 vue-cli 脚手架就算是完成了, 我们接下来就要让项目跑起来. 代码为: NPM run dev
7, 脚手架跑起来之后, 会默认打开 8080 端口, 系统如果自动跳转到该网页, 就说明我们的脚手架安装已经完了, 然后就可以在脚手架里面填写我们的项目了.
注意事项
vue-cli 默认会安装一些插件, 这些插件我们可以选择性的安装
建议新手直接使用脚手架, 不要创建纯净的 vue 项目
更多前端开发知识, 请查阅 html 中文网 !!
来源: http://www.css88.com/qa/vue-js/17221.html