首页 > 其他 > 详细

Vue环境搭建

时间:2017-11-14 16:51:40      阅读:249      评论:0      收藏:0      [点我收藏+]

转自  http://blog.csdn.net/wdy_2099/article/details/76997888?locationNum=5&fps=1

1. 首先安装node.js

2. 安装淘宝cnpm

  npm install -g cnpm –registry=http://registry.npm.taobao.org

  技术分享

3. 安装vue-cli

  3.1 使用sudo cnpm install -g vue-cli安装失败,所以直接用3.2方式安装

  技术分享

  3.2 cnpm install -g vue-cli

  技术分享

  测试安装

  技术分享

  $ vue -V 2.8.2  (大写的V)

4. 初始化第一个项目(webpack方式) 

  打开你需要存放项目文件的位置

  vue init webpack my-firstvue (项目名称不能包含大写字母)

  技术分享

5.0 生成node-modules:

  因为各个模板间都是相互依赖的,所以要安装依赖,在命令行输入cnpm install ,你会发现在已经创建的项目结构里面会多出一个node_modules的文件夹,里面就是刚才安装的所有依赖。

  打开刚才创建的文件夹 my-firstvue

cnpm install

  技术分享

6.0 运行第一个程序:运行成功后会在浏览器中直接打开

  cnpm run dev

  技术分享

7.0 在浏览器中打开http://localhost:8080 就可以看到构建结果。

Vue环境搭建

原文:http://www.cnblogs.com/ALOT/p/7833302.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!