vue基础篇

Posted 2021-02-13 freely

1、简介

    Vue (读音 /vju?/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持库类结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

2、运行环境安装：

    安装node.js： 从node.js官网下载并安装node

    查看是否安装成功， 命令行输入 node -v 命令，查看node的版本，出现版本号则安装成功

3、使用npm 初始化项目（node自带npm包管理器）

    1.要初始化npm的项目 

 npm init  --save

     自动生成一个package.json（项目描述文件），该文件定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。

{
  "name": "test1",
  "version": "1.0.0",
  "description": """u001b[first vue project",
  "main": "index.js",
  "scripts": {
    "test": "echo "Error: no test specified" && exit 1"
  },
  "author": "lee",
  "license": "ISC",
  "dependencies": {
    "vue": "^2.5.21"
  }
}

package.json

    2.下载依赖包

npm install vue --save
npm install jquery --save

　　在当前目录中安装所需要的模块，存放在node_modules中

    3.卸载包

npm uninstall vue --save

    4.下载所有的依赖包

 npm install