Vue学习笔记之vue-cli安装

Vue学习笔记之vue-cli安装

（一）安装node.js

首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。

只是这样安装的 node 是固定版本的，如果需要多版本的 node，可以使用 nvm 安装http://blog.csdn.net/s8460049/article/details/52396399

安装完成后，可以命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，就说明安装成功。

1.png

（二）安装vue-cli

全局安装 vue-cli

npm install -g vue-cli

接着使用npm -v查看版本

2.png

注：使用全局安装比较慢 可以使用淘宝镜像 cnpm install -g vue-cli

（三）生成项目

首先在命令行输入下面的命令

vue init webpack Vue-Project

其中 webpack 是模板名称，可以到 vue.js 的 GitHub 上查看更多的模板https://github.com/vuejs-templates

Vue-Project 是自定义的项目名称，命令执行之后，会在当前目录生成一个以该名称命名的项目文件夹 例如myproject等等

创建过程中除了第一个选择yes 其他都选no
创建完成后 命令行输入

npm run dev

就能看到如下的显示了

3.png