vue快速入门(2)

1.快速入门

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

1.1.创建工程

创建一个新的工程：

选中一个空的：

然后新建一个module：

选中static web，静态web项目：

1.2.安装vue

1.2.1.下载安装

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

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

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

1.2.2.使用CDN

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

<!-- 开发环境版本，包含了用帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

或者：

<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

 

1.2.3.推荐npm安装

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

进入hello-vue目录：

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

安装Vue，输入命令：npm install vue --save

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

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