Vue学习笔记之vue-cli安装

Vue学习笔记之vue-cli安装

(一)安装node.js

首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。

只是这样安装的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安装http://blog.csdn.net/s8460049/article/details/52396399

安装完成后,可以命令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功。


1.png

(二)安装vue-cli

全局安装 vue-cli

npm install -g vue-cli

接着使用npm -v查看版本


2.png

注:使用全局安装比较慢 可以使用淘宝镜像 cnpm install -g vue-cli

(三)生成项目

首先在命令行输入下面的命令

vue init webpack Vue-Project

其中 webpack 是模板名称,可以到 vue.js 的 GitHub 上查看更多的模板https://github.com/vuejs-templates

Vue-Project 是自定义的项目名称,命令执行之后,会在当前目录生成一个以该名称命名的项目文件夹 例如myproject等等

创建过程中除了第一个选择yes 其他都选no
创建完成后 命令行输入

npm run dev

就能看到如下的显示了


3.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容...
    忘川慕白阅读 11,205评论 7 113
  • Vue.js入门教程 参考文献 Vue-Cli webpack打包入门:http://www.cnblogs.co...
    采香行处蹙连钱阅读 5,348评论 2 3
  • 记忆中,有那么记忆颇深的一刻。烤着暖呼呼的炉子,看着窗户上结成的漂亮冰花,听着电视里各种音乐、说话的声音,喝着一杯...
    一点九末阅读 1,787评论 0 1
  • 把马群赶向春天 把鲜花运往春天 把雨水吹到春天 把孩子还给春天 眺望远方的人啊 给你骏马,给你开满野花的小路 给你...
    忧伤没有伤口阅读 1,369评论 0 3
  • 前些时间在公司的项目中引进了TintColor,结果导致了很多意外的情况发生。在网上找了很多资料,但很多文章说的不...
    felix9阅读 3,899评论 0 0

友情链接更多精彩内容