NPM和Vue.JS一些概念的理解

npm概念:

https://blog.csdn.net/qq_37696120/article/details/80507178  原文

Node Package(包) Manager(管理器)。

當一個網站依賴的代碼越來越多,程序員發現這是一件很麻煩的事情:

去 jQuery 官網下載 jQuery 
去 BootStrap 官網下載 BootStrap 
去 Underscore 官網下載 Underscore 
……

有些程序員就受不鳥了,一個擁有三大美德的程序員 Isaac Z. Schlueter (以下簡稱 Isaaz)給出一個解決方案:用一個工具把這些代碼集中到一起來管理吧!

這個工具就是他用 JavaScript (運行在 Node.js 上)寫的 npm,全稱是 Node Package Manager

NPM 的思路大概是這樣的:

買個服務器作爲代碼倉庫(registry),在裏面放所有需要被共享的代碼

發郵件通知 jQuery、Bootstrap、Underscore 作者使用 npm publish 把代碼提交到 registry 上,分別取名 jquery、bootstrap 和 underscore(注意大小寫)

社區裏的其他人如果想使用這些代碼,就把 jquery、bootstrap 和 underscore 寫到 package.json 裏,然後運行 npm install ,npm 就會幫他們下載代碼

下載完的代碼出現在 node_modules 目錄裏,可以隨意使用了。

這些可以被使用的代碼被叫做「包」(package),這就是 NPM 名字的由來:Node Package(包) Manager(管理器)。

你可以使用淘寶定製的 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

這樣就可以使用 cnpm 命令來安裝模塊了:

$ cnpm install [name]
# 查看版本
$ npm -v
#升級 npm
cnpm install npm -g
# 升級或安裝 cnpm
npm install cnpm -g

Vue.Js概念:

一個前端框架,常用於構建大型應用。

vue-cli 是vue提供的一個官方命令行工具,常被叫做 腳手架。可用於快速搭建大型單頁應用

vue-cli使用如下:

# 全局安裝 vue-cli
$ cnpm install --global vue-cli
# 創建一個基於 webpack 模板的新項目  這裏需要進行一些配置,默認回車即可
$ vue init webpack my-project

進入項目,安裝並運行:

$ cd my-project

$ cnpm install    安裝項目依賴

$ cnpm run dev 運行

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章