------------恢复内容开始------------
vue的安装方式有两种:
- 一种是直接下载Vue js文件并用
<script>
标签引入,Vue
会被注册为一个全局变量- 开发版本:https://cn.vuejs.org/js/vue.js
- 生产版本:https://cn.vuejs.org/js/vue.min.js 对于生产环境,我们推荐链接到一个明确的版本号和构建文件,以避免新版本造成的不可预期的破坏:<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
当然一般情况我们是不会使用这种方式去使用VUE的,我们主要使用Vue的方式还是第二种方法:
第二种就是 NPM方法:
- 首先我们需要先下载Node.js 这是npm使用的基础,类似于java中的SDK。官网下载地址: https://nodejs.org/en/download/,你可以根据你电脑的版本选择下载.
然后这个安装没有什么东西好说的,一直下一步就可以了。
2、在node.js 安装完成好,可以打开命令行工具查看安装是否正确。输入node -v 可以查看当前安装的node版本
3、 接下来我们需要做的就是安装Vue, 输入npm install vue -g 这里的-g指的是安装到global 全局目录
4、我们还需要安装一个开放工具Vue的脚手架(Vue CLL),但是要注意这个东西和Vue没有任何关系它只是一个工具
都安装完成好,可以检查一下是否安装成功。
Vue -V (注意这里的V为大写)
5、最后我们使用Vue创建一个项目“helloworld” ,注意项目名不能有大写。
注意在建立项目过程中,有如下选项,选择no(选项为使用ESLint规范你的代码,一个空格错误都将报错,不开启,避免不必要的麻烦)
后两项为单元测试,可以选择No.
6、项目建立完成后,目录结构如下:
具体目录中个个文件意义可以查看:https://www.cnblogs.com/ranyonsue/p/11251839.html 这个博客
7、最后就可以使用开发工具进行开发了。
------------恢复内容结束------------