vue-cli 项目搭建

1.首先，确保你安装了node和npm，安装后检查是否安装成功，打开cmd终端，输入如图：

2.你可以使用cnpm代替npm提高安装速率，在命令行输入：

 npm install -g cnpm --registry=http://registry.npm.taobao.org  等待安装完成

3.安装vue-cli脚手架构建工具

cnpm install -g vue-cli

或者如下写法也可：

cnpm install -g @vue/cli

或者你要遗留vue-init功能：cnpm install -g @vue/cli-init

4.构建项目

你可以在命令行中转到选定的项目放置目录，在命令行中运行命令：vue init webpack my-project

过程中根据需要选择Y/N

然后enter等待构建完成，成功后会显示如下字段：

进入你的项目：cd my-project

然后尽可以运行项目了：npm run dev

运行成功后会显示端口号，在浏览器中输入端口号即可看到页面。

浏览器打开页面如图：