安装npm vue脚手架搭建vue项目

vue安装最全步骤、脚手架搭建环境

1.首先查看是否安装node.js

因为整个vue环境里边的npm是基于node的.
查看方式是在命令窗口中查看版本
快捷键 window+R

输入 node -v 检查node版本

这里版本号v10.14.2 已经是版本很高的node了
如果这里提示 node不是内部文件，就要去官网下载最新版本node.js;
官网下载
或者版本太低的node，就需要卸载 重新去官网下载新版本的node了。

2.检查npm 是否存在

一般当下载完node之后，npm 就有了。

这里版本号是 6.4.1 也是很高的版本了！
一般 npm的版本至少3.0以上。如果版本太低 需要升级

3.在此时，由于npm安装速度慢， 可以安装淘宝镜像cnpm

淘宝镜像

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

安装完成之后检查cnpm 版本

4.基本运行环境已经搭建完成，开始使用npm搭建vue项目

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。

全局安装 vue-cli

$ cnpm install --global vue-cli

或者

$ npm install vue-cli -g

安装完成，检查vue 版本

 $ vue -V

由此，可看出，v 必须大写！

5.创建一个基于 webpack 模板的新项目

（这里要先切换到你项目所在的文件夹）

$ vue init webpack my-project  （my-project 是自己起的项目名称）

这里需要进行一些配置，默认回车y即可
只有一个 no，问你是不是严格模式，是否需要 js 语法检测 目前我们不需要 所以 n 回车

这个时候目录底下已经有了刚才创建的项目

切换到项目里，并安装项目依赖，这里选择用cnpm 安装依赖比较快！

6.开始写项目,写代码,运行代码

   $ npm run dev

地址栏 输入 localhost:8080

7.打包

$ npm run build

恭喜，你已经成功安装，并运行起来vue基础项目，踏入了vue的大门。
完成！！