【Vue】如何创建一个Vue-cli程序

一、准备工作

1、下载Node.js

官网地址

https://nodejs.org/en

2、查看版本

cmd下通过node-v,查看版本号；

cmd下通过npm-v,查看是否打印版本号。

3、安装淘宝加速器

npm install cnpm -g

4、安装Vue-cli

cnpm install vue-cli -g

二、创建Vue程序

1、创建一个Vue文件夹

2、创建一个基于webpack模板的vue程序

①：找到文件所在目录

②：执行指令

vue init webpack testvue(其中testvue是创建的项目名，可以修改)

后面的“？”的提示，直接回车或则no即可

此时我们文件目录也就出现了testvue这个文件夹

③：初始化并运行

a.进入testvue文件中

b.安装依赖

npm install 

c.启动项目

npm run dev

d.访问端口号

三、IDEA打开Vue项目

到此，我们的Vue-cli项目就创建好了，各位小伙伴，开始启动你们的vue吧~

我们下一篇博客再见！