美文网首页
Vue学习笔记之vue-cli安装

Vue学习笔记之vue-cli安装

作者: cctN | 来源:发表于2018-10-24 20:04 被阅读8次

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

相关文章

网友评论

      本文标题:Vue学习笔记之vue-cli安装

      本文链接:https://www.haomeiwen.com/subject/vaoxtqtx.html