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才能启动