vue 笔记vue-cli程序

Posted 孤注一掷 、

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 笔记vue-cli程序相关的知识,希望对你有一定的参考价值。

1.需要安装环境 Node.js  http://nodejs.cn/download/

确认nodejs安装成功:
cmd 下输入 node -v,查看是否能够正确打印出版本号即可!
cmd 下输入 npm-v,查看是否能够正确打印出版本号即可!
这个npm,就是一个软件包管理工具,就和linux下的apt软件安装差不多!
安装 Node.js 淘宝镜像加速器(cnpm) 加快下载速度

# -g 就是全局安装
npm install cnpm -g

2.安装vue-cli

#在命令台输入
cnpm install vue-cli -g
#查看是否安装成功
vue list

3.创建vue-cli项目

在指定文件夹下创建一个基于 webpack 模板的 vue 项目

# 这里的 myvue 是项目名称,可以根据自己的需求起名
vue init webpack myvue

4.一路no,然后执行下面指令

npm install
#运行项目
npm run dev

运行结果:

打开网址

 

 

 

以上是关于vue 笔记vue-cli程序的主要内容,如果未能解决你的问题,请参考以下文章

VUE学习笔记:28.脚手架vue-cli之vuex

vue学习笔记:vue-cli脚手架搭建

vue-cli笔记

笔记npm 安装 vue-cli

vue-cli 笔记

vue学习笔记