vue项目搭建步骤

首先我们需要安装手脚架.注意（需要用node去安装手脚架）

Vue.js 开发的标准工具：@vue/cli
vue/cli官网：cli.vuejs.org/zh/
node.js官网：nodejs.cn/

检查node环境是否安装成功

版本号输出且安装成功
先介绍linux下的安装吧，Node在Linux环境下的安装和使用都非常方便，建议在Linux下运行Node，^_^...我使用的是Ubuntu11.04
在Windows下使用Cygwin安装Node，这个方式不太推荐，因为真的需要较长时间和较好的人品。我的系统是 win7旗舰版

为了提高效率我们可以下载淘宝镜像

$ npm install -g cnpm --registry=https://registry.npmmirror.com

下载成功（成功以后可以把npm改为cnpm）

LQGFY(7OP{K67H4N7DQS8.png

搭建vue项目环境

   npm install -g @vue/cli
   cnpm install -g @vue/cli

检查vue/cli当前版本号

创建一个vue

注：项目名不可以包含大写字母

vue create [project-name]

选择配置vue（一般手动配置）

空格键选中/反选，按a键全选/全不选，按i键反选已选择项，上下键上下移动选择

Choose Vue version：里面可以选择 2.x 和 3.x 的版本
Babel：是js编译器提供一个支持ES6的REPL环境。它支持Node的REPL环境的所有功能，而且可以直接运行ES6代码
Router：vue配置的路由
VueX：vue所需要的持久化，主要作用数据共享
CSS Pre-processors：选择CSS 预处理类型兼容不同的浏览器类型