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

shinezejian 發布于2019-08-21 17:07 / 1518人閱讀

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

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

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

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

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

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

3.國內你懂的，直接下載淘寶鏡像，命令：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 vue-cli@x.xx.x(安裝指定版本)
                                            cnpm install -g vue-cli(同理)

tips:win10用戶請在管理員身份下運行，否則會有權限限制導致安裝失敗

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

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

                                                           webpack-simple（此為項目構建簡版）

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

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

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

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

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

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

GPU云服務器云服務器 python棧初始化技術棧全棧技術碼棧安裝

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89150.html

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

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

jay_tian 2019-06-26 17:20 評論0 收藏0
Vue+Express全棧購物商城

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

Richard_Gao 2019-05-22 18:23 評論0 收藏0
Vue+Express全棧購物商城

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

luzhuqun 2019-08-26 13:50 評論0 收藏0
用WEB技術棧開發NATIVE應用（二）：WEEX 前端SDK原理詳解

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

ls0609 2019-08-22 15:00 評論0 收藏0