1. 程式人生 > >vue基礎篇(一)

vue基礎篇(一)

一個 1.0 -- author 初始化 初始 error 模塊 ons

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

vue基礎篇(一)