vue.js入坑(1)——安装vue(vscode新建vue项目)

作者:神秘网友 发布时间:2020-08-10 16:59:10

vue.js入坑(1)——安装vue(vscode新建vue项目)

vue.js入坑(1)——安装vue(vscode新建vue项目)

一、vue是什么
Vue.js 是一套构建用户界面的渐进式JavaScript框架。
Vue 只关注视图层, 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
二、vue的安装
有三种方式:
1.直接在官网下载并引用
https://cn.vuejs.org/v2/guide/installation.html
2.CDN

Staticfile CDN(国内) : https://cdn.staticfile.org/vue/2.2.2/vue.min.js
unpkg:https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

用script标签引用
3.npm(本人用的这种,下面实例也是这种方式)
编辑器用的vscode,新建一个文件夹,用vscode打开
ctrl+`打开编辑器终端。
npm 版本需要大于 3.0,如果低于此版本需要升级它:
查看版本
$ npm -v
2.3.0
升级 npm
cnpm install npm -g
升级或安装 cnpm
npm install cnpm -g
最新稳定版
$ cnpm install vue
全局安装 vue-cli
$ cnpm install --global vue-cli
创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
这里需要进行一些配置,默认回车即可
vue.js入坑(1)——安装vue(vscode新建vue项目)vue.js入坑(1)——安装vue(vscode新建vue项目)运行这两个命令即可
vue.js入坑(1)——安装vue(vscode新建vue项目)浏览器输入http://localhost:8080,出现如下页面,即表示成功。
vue.js入坑(1)——安装vue(vscode新建vue项目)

vue.js入坑(1)——安装vue(vscode新建vue项目)相关教程

  1. kali安装后的必做的事情
  2. vue.js基础(5)
  3. 2-Flutter 系统开发工具安装与配置
  4. Mysql安装
  5. zookeeper的安装与配置
  6. mysql在linux系统安装
  7. Apache web服务
  8. Windows下安装单机zookeeper