使用cnpm搭建vue.js脚手架

1. 下载Node.js

搭建vue.js的脚手架需要安装Node.js。到官网下载长期支持版，除了改安装路径外全都下一步。
Node.js官网链接

安装完成后，通过Win+R打开运行，输入cmd后点击确认进入命令行界面。

在命令行界面输入以下代码查看Node.js版本号，出现版本号则说明安装成功。

node -v

2. 安装cnpm

在命令行界面输入以下代码安装淘宝镜像

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

3.安装vue.js脚手架

在命令行界面输入以下代码安装vue.js脚手架

cnpm install -g vue-cli

安装成功后输入以下代码查看vue版本

vue -V //注意V是大写

4.用脚手架构建项目

在将要存放项目的文件夹路径下输入cmd，回车进入该文件的命令行界面

进入命令行界面后输入以下代码构建项目

vue init webpack project //project为项目名称，可以自己按项目进行命名

下面出现信息后一直按回车，当出现选择时，可以根据项目选择 y 或 n 。
最后等待一段时间后项目构建成功。

输入以下代码进入构建的项目目录

cd project //project为项目名，输入时要改为自己构建的项目名称

输入以下代码安装依赖

cnpm install

最后输入以下代码运行项目

npm run dev

此时不要关闭命令行界面，直接去浏览器输入给你的网址(一般都是http://localhost:8080)，就可以进入页面了