最近项目中需要使用到vue框架来实现前后端分离,于是抽时间看了下vue的相关只是,从官网了解到可以使用命令行工具(CLI)来构建应用,于是在本地环境预练了一下
下面这句话摘抄自vue文档:
Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:
# 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖,走你 $ cd my-project $ npm install $ npm run dev
下面就进入本文的主题了,想用使用npm需要安装node
- 下载
进入node的中文网下载相关安装包
http://nodejs.cn/download/
傻瓜式安装即可 - 使用
npm(node package manager)nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等);
npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,所以这里推荐使用阿里的镜像,速度杠杠的,这里不在说明快的原因了,相信搞计算机的都知道哈,
下面摘抄镜像官网的一句话“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”
方法一:
npm config set registry https://registry.npm.taobao.org // 配置后可通过下面方式来验证是否成功 npm config get registry
方法二:
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm的使用方法和npm是完全一直的,往后就可以使用cnpm来代替npm了
推进使用cnpm的方法便于区分
截止到目前为止,node的安装就告一段落了,直接上代码使用了
# 全局安装 vue-cli $ cnpm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖,走你 $ cd my-project $ cnpm install $ cnpm run dev
运行后看到 命令行显示“Your application is running here: http://localhost:8080”即可