【vue-cli】 HelloWorld

PS：图片来自 编程不良人

 

首先安装环境

 

1、然后在命令行提示符里，cd到一个空的文件夹

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

vue init webpack myvue

一直回车，如果出现(Y/N)，就都选N，并回车

项目创建完毕，下面是项目文件

 

项目初始化

cd myvue
npm install

提示修复

输入

npm audit fix

到这里就算把项目初始化完成了，然后用IDEA打开

点击，IDEA下面视图栏的终端terminal启动项目

 输入命令

npm run dev

启动成功

访问地址

 

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

安装淘宝镜像加速器

npm install -g cnpm --registry=https://registry.npm.taobao.org

 安装淘宝镜像之后，npm 大部分安装的速度都会快起来，如果还是安装不了，就使用cnpm

注意：能使用 npm 安装的东西不要使用 cnpm ，cnpm可能会在生产上出问题

 

常用安装工具

1） ant-design-vue 【前端框架】

npm install ant-design-vue --save

2）axios   【http类库】

npm install axios

3)  vue-router

npm install vue-router --save-dev

4) moment   【时间处理类库】

npm install moment --save