windows系统下安装Vue.js

Vue.js安装

要下载安装vue首先得下载安装node.js和npm。

1. node.js安装

node.js安装包下载地址：https://nodejs.org/en/

选择左边的版本安装即可。

2. npm安装

打开电脑命令行界面：

#查看版本
$ npm -v
6.4.1
注意：如果你电脑上已经装了npm，底下会出现npm版本号，我的版本是6.4.1。
#升级或安装 npm
npm install npm -g
#全局安装vue
npm install vue

3.vue-cli脚手架的搭建

先在桌面建一个文件夹（也可以放在电脑的其他位置），里面用来存放我们的项目。
在文件夹里打开命令行工具：

#全局安装 vue-cli
npm install --global vue-cli
#创建一个基于 webpack 模板的新项目
vue init webpack my-project（'my-project'为我取的项目名，你也可以取其他的名字）
#这里需要进行一些配置，默认回车即可
This will install Vue 2.x version of the template.

   To get started:
   
     cd my-project
     npm install
     npm run dev

进入项目，运行：

cd my-project
npm run dev
   DONE  Compile d successfully in 4388ms
   
  > Listening at http://localhost:8080

成功执行以上命令后访问 http://localhost:8080/， 如果出现以下界面，代表vue-cli脚手架搭建成功。