成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

前端技術(shù)棧---Vue（1）安裝與初始化

shinezejian / 1531人閱讀

摘要：安裝與初始化過程中遇到的坑，以此記錄。安裝依賴于，地址對應(yīng)自己的系統(tǒng)選擇相應(yīng)的版本即可，這里推薦下載版本直接安裝。至此，項目構(gòu)建成功，如果遺漏或錯誤，懇請指出并加以修改。

vue安裝與初始化過程中遇到的坑，以此記錄。

1.安裝vue依賴于node.js，地址：http://nodejs.cn/download/

對應(yīng)自己的系統(tǒng)選擇相應(yīng)的版本即可，這里推薦下載msi版本直接安裝。
附教程：http://www.runoob.com/nodejs/...

2.安裝好node.js之后進入cmd，命令：node -v 查看node版本

2-1： 至此，node安裝完成
![圖片描述][2]

3.國內(nèi)你懂的，直接下載淘寶鏡像，命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
附地址：https://npm.taobao.org/

3-1：安裝完成，運行命令：cnpm -v
3-2：至此，cnpm安裝完成
![圖片描述][3]

4.下面我們來安裝vue腳手架，即vue-cli，cmd運行命令：cnpm install -g vue-cli@latest(此方法默認安裝最新版本)

                                            cnpm install -g [email protected](安裝指定版本)
                                            cnpm install -g vue-cli(同理)

tips:win10用戶請在管理員身份下運行，否則會有權(quán)限限制導(dǎo)致安裝失敗

4-1: cmd運行vue -V查看版本號
4-2：至此，vue安裝成功
![圖片描述][4]
**4-3：如果此處安裝失敗，運行vue時，cmd報錯，vue不是內(nèi)部或外部指令，解決方法：
    全局搜索vue.cmd文件，將其所在路徑配置在Path環(huán)境變量中。
**

5.使用vue-cli構(gòu)建你的項目，cmd進入到你的項目目錄下，運行：vue init webpack name（name為項目名）

                                                           webpack-simple（此為項目構(gòu)建簡版）

5-1：至此項目初始化完成

5-1-1：是否使用vue-router: 這里我們暫時不使用路由功能，n之
5-1-2：是否使用ESLint規(guī)范代碼：使用規(guī)范一個","也會導(dǎo)致項目報錯，需要規(guī)范代碼的同學(xué)可以y，我是n之
5-1-3：是否使用單元測試：n之
5-1-4：是否使用e2e測試：n之
**tips:我們這里選擇n對項目構(gòu)建不會產(chǎn)生任何問題**

6.進入項目目錄下，運行命令：npm install/cnpm install，安裝項目所需依賴，想要快一些的同學(xué)選擇第二種，不解釋..

7.安裝成功之后，運行命令npm run dev啟動項目，項目默認占據(jù)本地8080端口

8.修改啟動項目占用端口進入項目目錄下，config/index.js 修改端口號。

9.至此，vue項目構(gòu)建成功，如果遺漏或錯誤，懇請指出并加以修改。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/89150.html

相關(guān)文章

  • 基于 Vue2+Node+mongoDB 的前后端分離全棧練手小項目

    摘要：本文源碼簡介之前剛?cè)腴T并做好了一個簡而全的純?nèi)彝暗捻椖?，?shù)據(jù)都是本地模擬請求的詳情請移步這里為了真正做到數(shù)據(jù)庫的真實存取，于是又開始入門了并以此來為之前的頁面寫后臺數(shù)據(jù)接口。 本文源碼：Github 簡介： 之前剛?cè)腴Tvue并做好了一個簡而全的純vue2全家桶的項目，數(shù)據(jù)都是本地 json 模擬請求的；詳情請移步這里：vue-proj-demo 為了真正做到數(shù)據(jù)庫的真實存取，于是又...

    jay_tian 評論0 收藏0

  • Vue+Express全棧購物商城

    摘要：一前言提綱基于和框架寫的一個全棧購物商城，記錄項目過程中遇到的一些問題以及經(jīng)驗和技巧。服務(wù)端技術(shù)棧登錄授權(quán)用認證機制，來實現(xiàn)登錄登出。服務(wù)器配置和緩存策略，根據(jù)不同的來代理。申請證書全站升級到，配置的協(xié)議。一、前言提綱 基于Vue和Express框架寫的一個全棧購物商城，記錄項目過程中遇到的一些問題以及經(jīng)驗和技巧。 二、歷史版本 基于Vue-CLI2.0:點我查看 這個分支版本是一兩年前...

    Richard_Gao 評論0 收藏0

  • Vue+Express全棧購物商城

    摘要：一前言提綱基于和框架寫的一個全棧購物商城，記錄項目過程中遇到的一些問題以及經(jīng)驗和技巧。服務(wù)端技術(shù)棧登錄授權(quán)用認證機制，來實現(xiàn)登錄登出。服務(wù)器配置和緩存策略，根據(jù)不同的來代理。申請證書全站升級到，配置的協(xié)議。 一、前言提綱 基于Vue和Express框架寫的一個全棧購物商城，記錄項目過程中遇到的一些問題以及經(jīng)驗和技巧。 二、歷史版本 基于Vue-CLI2.0:點我查看這個分支版本是一兩...

    luzhuqun 評論0 收藏0

  • 用WEB技術(shù)棧開發(fā)NATIVE應(yīng)用（二）：WEEX 前端SDK原理詳解

    摘要：依舊采取傳統(tǒng)的開發(fā)技術(shù)棧進行開發(fā)，同時在終端的運行體驗不輸。首先來看下前端開發(fā)框架目前與構(gòu)成了三大最流行的前端開發(fā)框架，具有組件化以及三大特性，還學(xué)習(xí)的，引入了狀態(tài)管理模塊。 摘要： WEEX依舊采取傳統(tǒng)的web開發(fā)技術(shù)棧進行開發(fā)，同時app在終端的運行體驗不輸native app。其同時解決了開發(fā)效率、發(fā)版速度以及用戶體驗三個核心問題。那么WEEX是如何實現(xiàn)的？目前WEEX已經(jīng)完全開...

    ls0609 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<