MAC下vue的安裝

1、vue.min.js文件獲取:
直接下載后將其放入工程中,引用該文件:

鏈接:https://vuejs.org/js/vue.min.js

或者,使用CDN,以下推薦國外比較穩(wěn)定的兩個 CDN,國內(nèi)還沒發(fā)現(xiàn)哪一家比較好,目前還是建議下載到本地:

之后就和正常的js一樣引用,如:

 <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>

2、下載安裝node

官網(wǎng):https://nodejs.org/en/download/

下載安裝node


查看版本

3、cnpm代替npm
國內(nèi)直接使用 npm 的官方鏡像是非常慢的,推薦使用淘寶 NPM 鏡像:

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

之后就可以使用淘寶定制的 cnpm 命令行工具,來安裝模塊了:

cnpm install [name]

4、安裝Vue.js 的官方命令行工具:

# 全局安裝 vue-cli
sudo cnpm install --global vue-cli
# 或
cnpm install -g vue-cli
查看版本

5、創(chuàng)建一個新的項目:

# 創(chuàng)建一個基于 webpack 模板的新項目
vue init webpack my-project
# 這里需要進(jìn)行一些配置,默認(rèn)回車即可
新的項目

報錯,這個錯誤是node_modules帶來的,先忽略:

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! chromedriver@2.40.0 install: node install.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the chromedriver@2.40.0 install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above

6、運行項目:

cd my-project
cnpm install # 安裝依賴,安裝在node_modules文件夾
cnpm run dev #運行項目
成功

瀏覽器運行

參考資料:https://blog.csdn.net/m0_37479246/article/details/78836686
http://www.runoob.com/vue2/vue-install.html
https://blog.csdn.net/gh254172840/article/details/78871573
https://blog.csdn.net/qq_34233232/article/details/78178362

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1 Webpack 1.1 概念簡介 1.1.1 WebPack是什么 1、一個打包工具 2、一個模塊加載工具 3...
    Kevin_Junbaozi閱讀 7,006評論 0 16
  • 曾經(jīng)年少又輕狂 如今三十心發(fā)慌 滿腹經(jīng)論有何用 惶惶終日不報國
    hwc閱讀 424評論 0 1
  • 雖然不是首馬,沒有杭馬那種興奮度了,但是上馬國際大賽的氣氛還是讓我難忘啊... 上海國際馬拉松是國際田聯(lián)金標(biāo)賽事,...
    Luciushine閱讀 292評論 0 0
  • 花了好長時間來想一個標(biāo)題,怎么能表達(dá)我的想法,想寫這段文字的起因是因為女生該死的購物心理。 我不知道有多少...
    WSXUWEN閱讀 409評論 0 3
  • 連續(xù)的奮戰(zhàn),已經(jīng)精疲力竭。需要的是一種態(tài)度吧。 沒有態(tài)度,前面什么都不是了,
    火先鋒閱讀 212評論 0 3

友情鏈接更多精彩內(nèi)容