vue腳手架的搭建

MageekChiu 發布于2019-08-23 12:02 / 1779人閱讀

摘要：基礎的知識搭建項目過程系統環境檢查是否已安裝環境如果沒有安裝的話，可以去官網安裝。安裝可以選擇不安裝淘寶鏡像此處有一個坑，和電腦有關。安裝完之后，通過以下命令行檢查如果可以輸出來版本號，就沒有問題。

基礎的知識

1、html
2、js
3、css

搭建項目過程--windows系統

1、node.js環境--檢查是否已安裝node環境

node -v

如果沒有安裝的話，可以去node官網安裝。

2、安裝cnpm（可以選擇不安裝）淘寶鏡像

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

此處有一個坑，和電腦有關。安裝完之后，通過以下命令行檢查

cnpm -v

如果可以輸出來版本號，就沒有問題。但是如果說cnpm不是內部命令，那你還要前去配置環境變量

3、全局安裝vue-cli

cnpm install -g -vue-cli

可以通過

vue -V

來檢查是否安裝成功

4、創建新的vue項目

vue init webpack xxx

進入到目錄文件夾后，輸入上述代碼，xxx代表你的vue項目文件名

圖片是我安裝的示例，后面的yes/no是推薦值

5、安裝成功后，可通過提示進入到項目中，并啟動該項目

6、啟動成功后，會有一個網址，在瀏覽器中打開，看到以下圖片的內容，說明項目搭建成功

GPU云服務器云服務器云服務器搭建vue項目阿里云服務器搭建vue項目 vue的計算屬性腳手架

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

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

使用vue-cli腳手架+webpack搭建vue項目

摘要：查看安裝是否正常回車后看到輸出當前安裝的版本號，例如，即安裝正常通過以上步聚，說明已經安裝完并能正常運行。再次用腳手架搭建項目第二步將模塊安裝完成后，就可以使用以下命令創建項目了。前言世間萬難無非一拖二懶三不讀書對說的就是我突然覺得這句話說的很對，自從上次寫完nodejs安裝及npm全局模塊路徑的設置已經過去兩月有余，而我的vue框架學習也就止步于此。還是沒有給自己施加壓力...

dantezhao 2019-08-23 10:36 評論0 收藏0
almost最好的Vue + Typescript系列01 環境搭建篇

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

isLishude 2019-08-22 15:20 評論0 收藏0
vue + vuex + koa2開發環境搭建及示例開發

摘要：開發既是一個練習如何在開發環境中寫代碼的過程，反過來，也是一個驗證環境搭建的對不對好不好用的過程。前端調用后端接口示例為突出重點，排除干擾，方便理解。寫在前面這篇文章的主要目的是學會使用koa框架搭建web服務，從而提供一些后端接口，供前端調用。搭建這個環境的目的是：前端工程師在跟后臺工程師商定了接口但還未聯調之前，涉及到向后端請求數據的功能能夠走前端工程師自己搭建的http路徑...

xioqua 2019-08-22 13:56 評論0 收藏0
ch01-vue.js簡介、環境搭建及腳手架工具

摘要：一簡介是一個用于構建交互式界面的直觀快速和可組合的框架。的兼容性不支持及其以下版本，因為使用了不能模擬的特性。這是簡潔的語法和強勁的性能的基礎。的組件一個文件由三部分組成，分別體現為個標簽。一、Vuejs簡介 Vue.js - Intuitive, Fast and Composable MVVM for building interactive interfaces. vue.js...

Tychio 2019-08-20 15:41 評論0 收藏0