学习vue-cli 第一步 环境部署

学习 vue-cli 需要部署 node.js，用到 npm 或 cnpm，然后安装 vue-cli。

node.js 环境安装

1. 根据系统，去官网( node.js 官网 )下载安装。window 安装包就一直下一步就可以了。其他的还没试过。
   
2. 需要将node.js加入到系统环境变量。将nodejs的安装位置添加到系统环境变量的Path中。
   
3. 在运行cmd中输入 node -v 就可以看到nodejs的版本号就安装成功了。
   

npm 检测

和查看nodejs的版本号一样的方式，在运行cmd中输入 npm -v就可以了

cnpm 安装

有的时候 npm 安装的时候 vue 的项目的时候，会很慢，这个时候就可以用cnpm，cnpm安装也能简单，一句话就好

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装好后在运行cmd中输入 cnpm -v就可以了

安装 vue-cli

# 有两个命令可以用，看自己的网络速度。
# 这个速度可能会慢
npm install -g vue-cli
# 这个用的是淘宝的镜像安装的
cnpm install -g vue-cli

安装好后在运行cmd中输入 vue -V就可以了（注意 -V 是大写的 V ）

创建 vue-cli 项目

# 创建项目的命令
# projectname 是你的项目名称，注意要小写
vue init webpack projectname

安装好后，进入你的项目文件夹，然后运行npm run dev，看到如下界面就成功啦。

在浏览器中输入 http://localhost:8080/

您在本文章已经停留了大概 。
喜欢的话就点个赞吧！或着请我喝个冰可乐，我就太感谢你了！