vue.js的安装和npm配置

1、安装node.js 

我想用的是vue.js 但为什么要安装node.js 呢？

以下是菜鸟教程的解释

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：

• 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
• 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
• 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

还有说是windows下的Node.js安装是很方便的，附上官网地址：http://nodejs.org/

 直接傻瓜式安装，我的安装位置在C:\Program Files\nodejs

2、下载好node-v.msi文件后，傻瓜式安装，在自定义安装的时候 选择Online documentation shortcuts，如下图

3、安装完成，测试是否安装成功，win+r  输入node -v 查看版本，如果版本显示出来，即安装成功

4、利用npm 安装cnpm（由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像）命令行输入npm install -g cnpm --registry=http://registry.npm.taobao.org，等待安装，我的安装位置是C:\Users\Administrator\program files\nodejs\node_global\node_modules 

完成之后，我们就可以用cnpm代替npm来安装依赖包了

5、在命令行测试 cnpm -v  ，如果出现不是内部或者外部命令，则需要把安装的cnpm的路径配置到系统的环境变量里面

 

配置好环境变量，在重新打开命令行窗口，输入cnpm -v 

 

这样就表示安装成功

安装全局的vue脚手架 命令行输入 npm install -g vue-cli

命令行 cd 到项目所在文件夹后，执行npm run dev

项目启动成功！

 总的步骤：

1、下载nodejs

2、npm 安装淘宝镜像（npm install -g cnpm --registry=http://registry.npm.taobao.org）

3、配置环境变量

4、安装vue-cli (npm install -g vue-cli)

5、安装依赖（cd 到项目所在文件，cnmp install或者npm install安装依赖包）

6、运行项目（npm run dev）

7、结束！

vue.js 仅是一个前端的框架，同node.js，刚开始接触这些框架，将自己平时遇到的有关问题记载下来~~有些项目要依赖npm才能启动