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

vue 笔记(十一)vue-cli程序

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 笔记(十一)vue-cli程序

 

 

 

上一篇:运行.vue文件配置


下一篇:vue3.0安装