安装npmvue脚手架搭建vue项目

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

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

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

输入 node -v 检查node版本

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

2.检查npm 是否存在

一般当下载完node之后&＃xff0c;npm 就有了。

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

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

淘宝镜像

$ npm install -g cnpm --registry&＃61;https://registry.npm.taobao.org


安装完成之后检查cnpm 版本

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

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

全局安装 vue-cli

$ cnpm install --global vue-cli


或者

$ npm install vue-cli -g


安装完成&＃xff0c;检查vue 版本

$ vue -V


由此&＃xff0c;可看出&＃xff0c;v 必须大写&＃xff01;

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

&＃xff08;这里要先切换到你项目所在的文件夹&＃xff09;

$ vue init webpack my-project &＃xff08;my-project 是自己起的项目名称&＃xff09;


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

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

切换到项目里&＃xff0c;并安装项目依赖&＃xff0c;这里选择用cnpm 安装依赖比较快&＃xff01;

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

$ npm run dev


地址栏 输入 localhost:8080

7.打包

$ npm run build


恭喜&＃xff0c;你已经成功安装&＃xff0c;并运行起来vue基础项目&＃xff0c;踏入了vue的大门。
完成&＃xff01;&＃xff01;