Vue.js开发环境搭建(Win)

1、安装node.js(http://nodejs.cn/download/) 下载最新版本

2、基于node.js,利用淘宝npm镜像安装相关依赖在cmd里直接输入:
npm install-g cnpm --registry=https://registry.npm.taobao.org

3、安装webpack,输入:cnpm install webpack-g

4、安装vue脚手架cli,输入:npm install vue-cli-g

5、在win中如何在文件夹中打开 cmd 路径,按住shift右击文件夹,在此处打开命令窗口

6、创建VUE项目,在cmd中输入:

vue init webpack vue_test

 (项目文件夹名),依次出现‘git’下的项,可按下图操作

7、安装依赖,在cmd里
1).输入:cd vue_test(项目名),回车,进入到具体项目文件夹
2).输入:cnpm install,回车,等待一小会儿
回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)

8、测试环境是否搭建成功
方法1:在cmd里输入:cnpm run dev
方法2:在浏览里输入:localhost:8080(默认端口为8080)
运行起来后的效果如下图所示:


参照原文:http://www.cnblogs.com/ganmy/p/6029774.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文作者 Jinkey(微信公众号 jinkey-love,官网 https://jinkey.ai)原文链接 h...
    JinkeyAI阅读 425,712评论 152 921
  • Vue.js是一套构建用户界面的渐进式框架。它既集众多优秀前端框架之大成,又保持了其简单易用的特点。对vue.js...
    JwEiam阅读 1,044评论 2 2
  • 更新20200617: vue create your_project 参考 一、简介: 本框架搭建主要是基于No...
    royluck阅读 1,266评论 0 1
  • 它,潮湿,背阳,阴暗 如同一座 充满死亡气息的坟场 黑夜里,它成了城市的文盲 近处和远处的路灯 对它不理不睬,视若...
    向史而新阅读 430评论 0 5
  • 当北国水瘦山寒冰封雪飘的时候,南国却是另一番景象。 此时,置身南国,如惠州或东莞或佛山这样的城市,感觉不到寒气逼人...
    晴鹤1阅读 761评论 7 9