<address id="xpjh9"><listing id="xpjh9"><meter id="xpjh9"></meter></listing></address>

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
<noframes id="xpjh9">
<noframes id="xpjh9">

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
    <form id="xpjh9"></form><address id="xpjh9"><listing id="xpjh9"><menuitem id="xpjh9"></menuitem></listing></address>

      <noframes id="xpjh9">
      VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
      SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
      當前位置:
      首頁 > 網站開發 > JavaScript >
      • JavaScript教程之Mac安裝vue

      • 2019-06-17 22:53 來源:未知

      一、安裝brew
      打開終端運行以下命令:

      /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

       配置brew環境變量

      Taojie:~ apple$ open .bash_profile
      Taojie:~ apple$ source .bash_profile

      添加brew路徑如下:

       裝成功后,查看一下brew的版本信息:

      Taojie:~ apple$ brew -v
      Homebrew 2.1.4
      Homebrew/homebrew-core (git revision 5c8b; last commit 2019-06-10)
      Taojie:~ apple$ 

      二、安裝node.js

      在終端中運行以下命令:

      Taojie:~ apple$ brew install nodejs

      安裝成功后,查看一下node.js的版本信息:

      Taojie:~ apple$ node -v
      v12.4.0
      Taojie:~ apple$ 

      3、獲取nodejs模塊安裝目錄訪問權限

      Taojie:~ apple$ sudo chmod -R 777 /usr/local/lib/node_modules/
      Password:
      Taojie:~ apple$

      4、安裝 淘寶鏡像 (npm)

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

       5、安裝webpack

      Taojie:~ apple$ cnpm install webpack -g

      6、安裝vue腳手架

      Taojie:~ apple$ cnpm install vue-cli -g

      7、在硬盤上找一個文件夾放工程用的,在終端中進入該目錄

      Taojie:~ apple$ cd /TJT/vue
      Taojie:vue apple$ ls
      Taojie:vue apple$ 

      8、根據模板創建項目

      Taojie:vue apple$ vue init webpack-simple vue1
      會有一些初始化的設置,如下輸入:
      Target directory exists. Continue? (Y/n)直接回車默認(然后會下載 vue2.0模板,這里可能需要連代理)
      Project name (vue-test)直接回車默認
      Project description (A Vue.js project) 直接回車默認
      Author 寫你自己的名字

      cd 命令進入創建的工程目錄
      Taojie:vue apple$ cd vue1
      Taojie:vue1 apple$ 
      注意:最后三步都是要進入到當前工程目錄后執行的。

      9、安裝項目依賴

      Taojie:vue1 apple$ cnpm install

      10、安裝 vue 路由模塊vue-router和網絡請求模塊vue-resource

      Taojie:vue1 apple$ cnpm install vue-router vue-resource --save

      11、啟動項目

      Taojie:vue1 apple$ npm run dev

      安裝OK后,訪問http://localhost:8080如下:

       三、在webStorm中啟動vue項目:

      1、Run In Terminal

      2、在終端輸入啟動命令 npm run dev

      復制代碼
      Taojie:src apple$ npm run dev
      
      > vue1@1.0.0 dev /TJT/vue/vue1
      > cross-env NODE_ENV=development webpack-dev-server --open --hot
      
      Project is running at http://localhost:8081/
      webpack output is served from /dist/
      404s will fallback to /index.html
      { parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
      
      
      復制代碼

       

      Windows下安裝vue:

      https://www.cnblogs.com/liluxiang/p/9592003.html  他山之玉可以攻石

      相關教程
      江苏快3 毕节 | 新疆乌鲁木齐 | 梅州 | 吉林长春 | 葫芦岛 | 铜川 | 吉林长春 | 南京 | 湘潭 | 吉林长春 | 包头 | 保山 | 包头 | 湖州 | 贵州贵阳 | 神木 | 三亚 | 项城 | 台山 | 武夷山 | 鄂尔多斯 | 万宁 | 张掖 | 靖江 | 四平 | 甘南 | 鄢陵 | 唐山 | 牡丹江 | 鹤岗 | 泰州 | 吐鲁番 | 德清 | 任丘 | 绵阳 | 上饶 | 惠东 | 佛山 | 白山 | 衡阳 | 开封 | 新泰 | 乌兰察布 | 莆田 | 来宾 | 宿迁 | 简阳 | 余姚 | 鄂尔多斯 | 蓬莱 | 果洛 | 吐鲁番 | 德州 | 通辽 | 荆门 | 枣庄 | 滁州 | 遂宁 | 石河子 | 德阳 | 台山 | 绵阳 | 吉安 | 临汾 | 桐城 | 天门 | 中山 | 邵阳 | 芜湖 | 许昌 | 陕西西安 | 黔南 | 定州 | 襄阳 | 阿坝 | 迪庆 | 临猗 | 平顶山 | 山西太原 | 海丰 | 娄底 | 淮安 | 玉树 | 周口 | 灌南 | 滕州 | 大连 | 宝鸡 | 云浮 | 博尔塔拉 | 延安 | 嘉善 | 湖州 | 雅安 | 云浮 | 安徽合肥 | 林芝 | 南京 | 寿光 | 文山 | 汕尾 | 庄河 | 洛阳 | 泰安 | 安岳 | 邵阳 | 塔城 | 揭阳 | 湘西 | 五家渠 | 南平 | 鞍山 | 顺德 |