1、安装node.js
傻瓜式安装,安装完成后,
- cmd输入node -v回车,出现对应版本号;
- 继续输入npm -v回车,出现npm版本信息。
以上两步骤都成功的话,说明node环境已经安装完成,npm包管理器也有了。
2、安装cnpm
在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待。
3、安装vue-cli脚手架构建工具
命令行中输入cnpm install -g vue-cli ,然后等待。
4、用vue-cli构建项目
5、安装项目所需的依赖
命令行中cd到项目文件夹,运行命令npm/cnpm install,然后等待;
6、运行项目
项目命令中,运行命令npm run dev。
这里简单介绍下 npm run dev 命令,其中的“run”对应的是package.json文件中,scripts字段中的dev,也就是 node build/dev-server.js命令的一个快捷方式。(别人的话)
项目运行成功后,浏览器会自动打开localhost:8080(如果浏览器没有自动打开,可以手动输入)。运行成功后,会看到如下所示的界面。(别人的话)