VUE項目配置——環境篇

lily_wang 發布于2019-08-23 13:57 / 3381人閱讀

摘要：準備其他編輯器新建一個項目以上軟件默認安裝環境配置打開配置和私有秘鑰如果環境私有鍵入命令是你的賬號此時，你的這個路徑下會生成兩個文件和用記事本打開文件，復制內容，在的網站上到密鑰管理頁面，添加新公鑰，隨便取個名字，內容粘貼剛才

準備

SSH

Git

Webstorm（or 其他編輯器）

npm

node.js

gitHub新建一個demo項目

以上軟件默認安裝

vue環境配置

打開Git GUI or cmd or iterm2（macOS）

配置Git和ssh私有秘鑰（如果環境私有）

鍵入命令：ssh-keygen -t rsa -C "email@email.com","email@email.com"是你的github賬號

此時，你的C:Usersadmin.ssh這個路徑下會生成兩個文件：id_rsa和id_rsa.pub

用記事本打開id_rsa.pub文件，復制內容，在github.com的網站上到ssh密鑰管理頁面（setting-->deployKey-->addDeployKey），添加新公鑰，隨便取個名字，內容粘貼剛才復制的內容。

進入本地項目文件夾；例如D:vueProject

Git clone ssh： demo倉庫

npm i webpack-cli -D

npm i -g vue-cli (如果npm鏈接較慢，可使用淘寶鏡像；所有npm指令最后加上“ --registry=https://registry.npm.taobao.org”，也可以自行配置cnpm（不推薦!）)

新建一個vue demo項目 vue init webpack myproject

安裝vue-router

安裝ESLint 代碼規范

不安裝單元測試和e2e測試

初始化myproject完成（vue 標準模板項目）

進入myproject npm i 初始化packages

npm run dev 運行項目

用瀏覽器打開 http://localhost:8080 （可更改項目配置 config/index.js 中的 autoOpenBrowser 改為true 即run項目時自動彈出瀏覽器窗口）

項目說明

將myproject 中的所有文件復制到空項目vueDemo中

GPU云服務器云服務器 java項目配置環境云服務器搭建vue項目騰訊云服務器部署vue項目 vue項目放到云服務器上

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

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

almost最好的Vue + Typescript系列01 環境搭建篇

摘要：初來乍到，請多多關照也許這是第一套基于搭建基于的項目教程。年月初升級到了新的版本版，跟版本項目結構發生了很大的改變，目錄結構更簡潔更科學。并且可以選配，在此之前配置略麻煩，是的超級，靜態類型，便捷的注解，使前端代碼優雅。前言 hello~ 大家好。初來乍到，請多多關照 ?(??????)??也許這是第一套基于 vue-cli 3.x 搭建基于 typescript 的vue項目教程...

isLishude 2019-08-22 15:20 評論0 收藏0
almost最好的Vue + Typescript系列02 項目結構篇

摘要：源碼文件夾，基本上我們的業務邏輯文件都應該放在這里定義了這個項目所需要的各種模塊，以及項目的配置信息比如名稱版本許可證等元數據。基于vue-cli 3.x,配合typescript的環境構建的新vue項目,跟以前的結構相比,有了一些變化,下面我們來簡單的了解一下基本結構: showImg(https://segmentfault.com/img/bV5xGn?w=360&h=226...

BicycleWarrior 2019-08-30 14:08 評論0 收藏0
almost最好的Vue + Typescript系列02 項目結構篇

摘要：源碼文件夾，基本上我們的業務邏輯文件都應該放在這里定義了這個項目所需要的各種模塊，以及項目的配置信息比如名稱版本許可證等元數據。基于vue-cli 3.x,配合typescript的環境構建的新vue項目,跟以前的結構相比,有了一些變化,下面我們來簡單的了解一下基本結構: showImg(https://segmentfault.com/img/bV5xGn?w=360&h=226...

DTeam 2019-08-22 15:20 評論0 收藏0
almost最好的Vue + Typescript系列02 項目結構篇

摘要：源碼文件夾，基本上我們的業務邏輯文件都應該放在這里定義了這個項目所需要的各種模塊，以及項目的配置信息比如名稱版本許可證等元數據。基于vue-cli 3.x,配合typescript的環境構建的新vue項目,跟以前的結構相比,有了一些變化,下面我們來簡單的了解一下基本結構: showImg(https://segmentfault.com/img/bV5xGn?w=360&h=226...

Clect 2019-08-01 18:41 評論0 收藏0