windows npm 安装vue.js

1、https://nodejs.org/en/ 首先官网下载安装

2.安装完成后在充cmd输入node -v，查看版本是否安装成功

3.npm是node自带包的版本工具，输入npm -v 查看版本

4.由于npm使用的是国外的镜像，大大影响我们的下载速度，所以一般把npm的下载镜像替换为淘宝镜像即cnpm，在命令行中粘贴如下命令，回车等待即可。

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

5.同样，在命令行中查看cnpm是否安装成功。如果一切正常的话，执行如下命令你可以看到一大堆的东西，包括node，npm，cnpm的版本号以及镜像地址等

cnpm -v

vue-cli安装

为了方便开发大型的单页面工具，vue官方提供的vue-cli命令行工具，安装vue-cli的方法很简单，只需要在命令行中粘贴如下代码。注：install 是下载安装指令，-g是全局安装

cnpm install -g vue-cli

至此，基本的环境配置就已经完成了，你可以在命令行中输入vue看一下是否成功安装vue-cli。你应该可以看到vue-cli为我们提供的一些命令

Usage: vue <command> [options]

Options:
  -V, --version  output the version number
  -h, --help     output usage information

Commands:
  init           generate a new project from a template
  list           list available official templates
  build          prototype a new project
  create         (for v3 warning only)
  help [cmd]     display help for [cmd]

1、在命令行中输入如下命令并回车，按照他的提示回车或输入y（n）即可

vue init webpack vue_application

其中一下两个可选 no；

Use ESLint to lint your code? (Y/n) no ；（eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，在开发过程中一直报错）

Setup unit tests with Karma + Mocha? no 用karma设置单元测试

Setup e2e tests with Nightwatch?

当前目录下会生成一个vue_application的文件夹，从命令行进入这个文件夹，并输入如下命令，这个命令会将vue-cli搭建的项目默认的依赖包下载到本地；

cnpm install

项目就搭建好了，最后看一下项目的初始页面，在命令行中输入如下指令，启动项目

cnpm run dev

正常启动后在，会在浏览器中打开8080端口，如果看到如下页面，则项目启动成功