Vue.js
安裝
在看教程時(shí)里面提到
在用 Vue.js 構(gòu)建大型應(yīng)用時(shí)推薦使用 NPM 安裝汉矿， NPM 能很好地和諸如 Webpack 或 Browserify 模塊打包器配合使用蔬墩。 Vue.js 也提供配套工具來(lái)開(kāi)發(fā)單文件組件氓扛。
什么是NPM秩霍？
NPM
NPM是什么肢簿？
NPM（node package manager）唐含，作為 node 的包管理工具岛请，極大地便利了我們的開(kāi)發(fā)工作松却，很有必要了解一下暴浦。NPM 顧名思義溅话，它的主要功能就是管理 node 包，包括：安裝歌焦、卸載飞几、更新、查看独撇、搜索屑墨、發(fā)布等。
NPM 的背后纷铣，是基于 couchdb 的一個(gè)數(shù)據(jù)庫(kù)卵史，詳細(xì)記錄了每個(gè)包的信息，包括作者搜立、版本以躯、依賴、授權(quán)信息等啄踊。它的一個(gè)很重要的作用就是：將開(kāi)發(fā)者從繁瑣的包管理工作（版本忧设、依賴等）中解放出來(lái)，更加專注于功能的開(kāi)發(fā)社痛。
NPM的工作內(nèi)容
我們?cè)?a target="_blank">node.js上開(kāi)發(fā)時(shí)见转，很多時(shí)候都要用到別人已經(jīng)寫(xiě)好的 javascript 代碼，這時(shí)候要自己從網(wǎng)絡(luò)上搜索蒜哀、下載斩箫、解壓再使用就會(huì)加重我們的工作，但是撵儿，大家把自己寫(xiě)好的源碼上傳到 NPM 官網(wǎng)上乘客，如果需要使用，直接通過(guò) NPM 安裝就可以了淀歇，不用管那個(gè)源碼在哪里易核。并且如果我們要使用模塊A，而模塊A又依賴模塊 B 浪默，模塊 B 又依賴模塊 C 和 D牡直，此時(shí)NPM會(huì)根據(jù)依賴關(guān)系，把所有依賴的包都下載下來(lái)并且管理起來(lái)纳决。
NPM常用場(chǎng)景
- 允許用戶從NPM服務(wù)器下載別人編寫(xiě)的第三方包到本地使用碰逸。
- 允許用戶從NPM服務(wù)器下載并安裝別人編寫(xiě)的命令行程序到本地使用。
- 允許用戶將自己編寫(xiě)的包或命令行程序上傳到NPM服務(wù)器供別人使用阔加。
NPM是隨同NodeJS一起安裝的包管理工具饵史，能解決NodeJS代碼部署上的很多問(wèn)題(https://www.runoob.com/nodejs/nodejs-npm.html)
所以NPM類似conda，不過(guò)conda是Python的，屬于anaconda胳喷；NPM是JavaScript的湃番，屬于Node.js。
那什么是Node.js吭露？
Node.js
什么是Node.js
Node.js是一個(gè)Javascript運(yùn)行環(huán)境(runtime)吠撮。實(shí)際上它是對(duì)Google V8引擎進(jìn)行了封裝。V8引 擎執(zhí)行Javascript的速度非辰哺停快纬向，性能非常好。Node.js對(duì)一些特殊用例進(jìn)行了優(yōu)化戴卜，提供了替代的API，使得V8在非瀏覽器環(huán)境下運(yùn)行得更好琢岩。Node.js是一個(gè)基于Chrome JavaScript運(yùn)行時(shí)建立的平臺(tái)投剥， 用于方便地搭建響應(yīng)速度快、易于擴(kuò)展的網(wǎng)絡(luò)應(yīng)用担孔。Node.js 使用事件驅(qū)動(dòng)江锨， 非阻塞I/O 模型而得以輕量和高效，非常適合在分布式設(shè)備上運(yùn)行數(shù)據(jù)密集型的實(shí)時(shí)應(yīng)用糕篇。
安裝Node.js
安裝完看環(huán)境變量有沒(méi)配置啄育，沒(méi)有的話配置一下：
node.js安裝后輸入“node -v”提示'node' 不是內(nèi)部或外部命令，也不是可運(yùn)行的程序的解決方法
NPM方式安裝Vue
安裝完node.js拌消，配置好環(huán)境后可以開(kāi)始vue.js安裝了挑豌！
安裝其他依賴：
參考安裝vue.js的方法可以再安裝上cnpm和vue-cli 腳手架構(gòu)建工具 。
cnpm和vue-cli 都是直接打開(kāi)cmd用npm install方式安裝墩崩，不需選擇路徑氓英。
安裝cnpm:
(base) C:\Users\xxx>npm install -g cnpm -registry=https://registry.npm.taobao.org
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
E:\Installed\node-v14.17.1-win-x64\cnpm -> E:\Installed\node-v14.17.1-win-x64\node_modules\cnpm\bin\cnpm
+ cnpm@6.2.0
added 700 packages from 975 contributors in 46.935s
安裝vue-cli:
(base) C:\Users\xxx>npm install -g vue-cli
npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
E:\Installed\node-v14.17.1-win-x64\vue -> E:\Installed\node-v14.17.1-win-x64\node_modules\vue-cli\bin\vue
E:\Installed\node-v14.17.1-win-x64\vue-init -> E:\Installed\node-v14.17.1-win-x64\node_modules\vue-cli\bin\vue-init
E:\Installed\node-v14.17.1-win-x64\vue-list -> E:\Installed\node-v14.17.1-win-x64\node_modules\vue-cli\bin\vue-list
+ vue-cli@2.9.6
added 236 packages from 204 contributors in 95.871s
vue-cli
Vue 提供了一個(gè)官方的 CLI，為單頁(yè)面應(yīng)用 (SPA) 快速搭建繁雜的腳手架鹦筹。它為現(xiàn)代前端工作流提供了開(kāi)箱即用的構(gòu)建設(shè)置铝阐。只需要幾分鐘的時(shí)間就可以運(yùn)行起來(lái)并帶有熱重載、保存時(shí) lint 校驗(yàn)铐拐，以及生產(chǎn)環(huán)境可用的構(gòu)建版本徘键。更多詳情可查閱 Vue CLI 的文檔。
CLI 工具假定用戶對(duì) Node.js 和相關(guān)構(gòu)建工具有一定程度的了解遍蟋。如果你是新手吹害，我們強(qiáng)烈建議先在不用構(gòu)建工具的情況下通讀指南，在熟悉 Vue 本身之后再使用 CLI匿值。
所以繼續(xù)按照官方教程赠制，安裝vue
但是，還是不清楚vue該裝在哪。钟些。烟号。
安裝路徑
先在node.js的路徑下安裝試試：
(base) E:\Installed\node-v14.17.1-win-x64>npm install vue
+ vue@2.6.14
added 1 package from 1 contributor in 1.251s
應(yīng)該沒(méi)有錯(cuò)吧？
迫不及待要開(kāi)始了~~~
