vue1——vue引入方法,npm本地安裝


博客地址 :https://www.cnblogs.com/sandraryan/

Vue.js(讀音 /vjuː/, 類似於 view) 是一套構建用戶界面的漸進式框架。Vue 只關注視圖層, 采用自底向上增量開發的設計。

vue使用方法:

1. 官網下載直接引入js文件

2. cdn   <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>(我用的是這個)

3. npm 

要使用npm,首先應該去node官網下載node,下載好的node會包含npm工具,可以通過在終端輸入node -v /npm -v查看node/npm是否安裝成功

npm i npm -g 升級/安裝npm

然后,npm i vue (i是install的縮寫)

檢測vue是否下載成功,vue -V(注意:大寫V)

全局安裝vue-cli   npm install --global vue-cli (global簡寫g)

使用webpack打包工具生成文件目錄(初始化vue項目)   vue init webpack 文件夾

進入生成的文件(命令cd 文件夾名),運行vue頁面: npm run dev

運行成功終端會返回一個網址,一般來說端口號是8080,在瀏覽器打開,就是你的vue項目惹

補充: NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題

    命令行界面(英語:command-line interface,縮寫:CLI

    webpack是一個開源的前端打包工具。Webpack 提供了前端開發缺乏的模塊化開發方式,將各種靜態資源視為模塊,並從它生成優化過的代碼。要使用Webpack 前須先安裝Node.js, 在vue使用webpack會自動生成目錄

如果只是自己寫demo我一般用cdn引入,但是要進行大型項目開發,一般都用npm

安裝路由

vue在安裝的時候選yes,可以下載路由,如果選了no,后期也可以自己安裝(配置本篇不寫QAQ)

npm i vue-router --save

安裝vue-x

Vuex 是一個專為 Vue.js 應用程序開發的狀態管理模式

一般都只在當前項目下安裝vuex

npm i vuex --save

tha‘t all~~~~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM