VUE系列(1) 安装和使用

------------恢复内容开始------------

  vue的安装方式有两种:

  1.   一种是直接下载Vue js文件并用<script> 标签引入,Vue 会被注册为一个全局变量
    1.    开发版本:https://cn.vuejs.org/js/vue.js
    2.   生产版本:https://cn.vuejs.org/js/vue.min.js   对于生产环境,我们推荐链接到一个明确的版本号和构建文件,以避免新版本造成的不可预期的破坏:<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>

        当然一般情况我们是不会使用这种方式去使用VUE的,我们主要使用Vue的方式还是第二种方法:

     第二种就是 NPM方法:

    1.  首先我们需要先下载Node.js 这是npm使用的基础,类似于java中的SDK。官网下载地址: https://nodejs.org/en/download/,你可以根据你电脑的版本选择下载.     

  VUE系列(1) 安装和使用

 

 

然后这个安装没有什么东西好说的,一直下一步就可以了。

2、在node.js 安装完成好,可以打开命令行工具查看安装是否正确。输入node -v 可以查看当前安装的node版本

VUE系列(1) 安装和使用

 

 

3、 接下来我们需要做的就是安装Vue, 输入npm install vue -g   这里的-g指的是安装到global 全局目录

VUE系列(1) 安装和使用

 

 

 4、我们还需要安装一个开放工具Vue的脚手架(Vue CLL),但是要注意这个东西和Vue没有任何关系它只是一个工具

VUE系列(1) 安装和使用

都安装完成好,可以检查一下是否安装成功。 

Vue -V (注意这里的V为大写)

5、最后我们使用Vue创建一个项目“helloworld” ,注意项目名不能有大写。

注意在建立项目过程中,有如下选项,选择no(选项为使用ESLint规范你的代码,一个空格错误都将报错,不开启,避免不必要的麻烦)

后两项为单元测试,可以选择No.

VUE系列(1) 安装和使用

 

 6、项目建立完成后,目录结构如下:

  具体目录中个个文件意义可以查看:https://www.cnblogs.com/ranyonsue/p/11251839.html 这个博客

VUE系列(1) 安装和使用

 7、最后就可以使用开发工具进行开发了。 

 

------------恢复内容结束------------

VUE系列(1) 安装和使用

上一篇:Jenkins +github实现自动触发构建


下一篇:docker安装rabbitmq