vue创建项目(npm安装→初始化项目)
第一步npm安装
首先:先从nodejs.org中下载nodejs
双击安装,在安装界面一直Next
win+R 打开控制命令行程序(CMD),检查是否正常;
使用淘宝NPM 镜像
npm install 默认使用 http://www.npmjs.org 地址安装依赖,如果网络没有进行翻墙设置有时候现在第三方依赖包会出现卡死,或者安装失败的情况。使用国内镜像站点解决目前国内优秀npm镜像有两种;
第一种:淘宝npm镜像
registry地址:http://registry.npm.taobao.org/
第二种:cnpmjs镜像
搜索地址:http://cnpmjs.org/
registry地址:http://r.cnpmjs.org/
1.临时使用
npm --registry https://registry.npm.taobao.org install express
npm config set registry https://registry.npm.taobao.org
// 配置后可通过下面命令来验证是否成功
npm config ls
// 此时:metrics-registry = "http://registry.npm.taobao.org/"表示设置成功
npm configget registry
// 或
npm info express
3.通过cnpm使用 (也可以使用cnpm)
npm install -g cnpm --registry=https://registry.npm.taobao.org
// 使用
cnpm install expresstall express
这里推荐使用淘宝 NPM 镜像(上述第三种通过cnpm)。
npm install -g cnpm --registry=https://registry.npm.taobao.org
这样就可以使用cnpm 命令来安装模块了:
第二步项目初始化
1.第一步:安装vue-cli
cnpm install vue-cli -g //全局安装 vue-cli
安装成功以后,可以直接创建项目了,
我是创建在F盘,直接输入vue init webpack "项目名称" 回车
一路默认,一路回车
现在已经创建好了,那就让项目先安装下依赖再运行一下,会出现下面的页面,操作指令是
找到你的项目目录 npm run dev
在浏览器中 输入 localhost:8080
好啦~ 成功啦~