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
网友评论