vue学习(一)——项目初始化

一、 安装 node.js
首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包,
安装完成后,可以命令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功。

二.使用淘宝镜像
大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步
npm install -g cnpm –registry=https://registry.npm.taobao.org

三.使用脚手架搭建vue项目
1. 安装脚手架vue-cli
命令:cnpm install -g vue-cli
注释:vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目
2.生成项目
命令:vue init webpack app
注释:webpack 是模板名称,app是项目名称
3.下载安装依赖
命令:cnpm install
注释:需进入到package.son的同级目录下
4.启动项目
命令:cnpm run dev

你可能感兴趣的:(前端框架)