如何新建一个vue项目【vue快速入门】

vue快速入门

接下来,我们快速领略下vue的魅力

1、创建工程

创建一个新的工程:

如何新建一个vue项目【vue快速入门】

选中一个空的:

如何新建一个vue项目【vue快速入门】

然后新建一个module:

如何新建一个vue项目【vue快速入门】

选中static web,静态web项目:

如何新建一个vue项目【vue快速入门】

 

位置信息:

如何新建一个vue项目【vue快速入门】

1.1.安装vue

1.1.1.下载安装

下载地址:https://github.com/vuejs/vue

可以下载2.5.16版本https://github.com/vuejs/vue/archive/v2.5.16.zip

下载解压,得到vue.js文件。

1.1.2.使用CDN

或者也可以直接使用公共的CDN服务:

```html

```

或者:

```html

```

1.1.3.推荐npm安装

在idea的左下角,有个Terminal按钮,点击打开控制台:

如何新建一个vue项目【vue快速入门】

进入hello-vue目录:

如何新建一个vue项目【vue快速入门】

先输入:npm init -y 进行初始化

如何新建一个vue项目【vue快速入门】

 

安装Vue,输入命令:npm install vue --save

如何新建一个vue项目【vue快速入门】

然后就会在hello-vue目录发现一个node_modules目录,并且在下面有一个vue目录。

如何新建一个vue项目【vue快速入门】

node_modules是通过npm安装的所有模块的默认位置。