1. 安装 Node.JS 全局安装 vue-cli
我们是在国内, NPM 安装的速度和下载的时候可能会出问题, 所以我现在用 cnpm 安装具体安装
$ NPM install -g cnpm --registry=https://registry.npm.taobao.org
如果安装失败, 可以使用 NPM cache clean 清理缓存, 然后重新安装, 使用 cnpm -v 查看是否安装成功
cnpm 安装 vue-cli 和 webpack
cnpm install -g vue-cli
安装完 vue 命令环境后, 我们测试是不是安装成功, 直接 vue -version
vue-cli 提供了几个模板给开发者用于不同类型的项目, 我们可以通过 vue list 查看
2. 初始化项目, 生成项目模板
vue init webpack demovue init 模板名称 + 项目名字; 意思是, 首先我们选择 webpack 的模板还有 demo 作为项目名字
vue init webpack demo
接着选择相应的选项, 例如项目名称, 开发者, 我是直接按 Enter 就默认
3. 运行
然后我们可以看到那个命令行提示消息如下:
- To get started:
- cd demo
- NPM run dev
所以安装提示操作, 运行这个项目只要用 cd 命令进入这个文件夹, 然后 run 一下就可以了
之后会出现如下提示:
Your application is running here: http://localhost:8080
demo 项目已经运行在 8080 端口了, 现在我们打开浏览器输入 http://localhost:8080 就可以看到效果.
来源: http://www.jianshu.com/p/9a4347e64a32