安裝完成之後,windows+r 執行命令 cmd 輸入node -v 檢查是否已經安裝成功.如果會顯示版本資訊,說明安裝成功!
現在就可以使用node中的npm包管理器來構建vue專案
npm install -g cnpm --registry=
之後就可以用cnpm 代替npm了
執行命令cnpm install vue-cli -g //全域性安裝
這時候可以新建乙個專案目錄資料夾,然後進入該資料夾,shift+右擊,可以直接選擇執行命令列
然後就是初始化專案了
執行命令vue init webpack 專案名稱(vuetest)
回車後可以看到下圖
有關專案的基本資訊填寫,也可以直接回車不填.
到了install vue-router就要開始選擇性的了,這裡肯定要用到vue-router所以選擇y
然後接下來js語法檢測,是否需要.在這裡我提醒大家,剛開始我們盡量不要安裝它,因為他會給你帶來特別多的麻煩.我曾經2秒坑一次,所以選擇n
之後預設就行!
接下來看到已經安裝成功了.按上面的指示,進入專案目錄, cd 專案名稱(vuetest), npm install 安裝依賴庫 npm run dev 開服務跑起來
等會之後,預設瀏覽器會自動啟動初始化的vue專案 占用8080埠
熟悉的預設頁面就展現在大家面前了,vue的大門就此打門!
這裡要說下,初始化的專案預設是pc模式,如果你是移動專案,請自行在index.html中加入
用google開啟,正常!
tip:
1.看webpack文件
2.vue官方文件,仔細看2遍,最少
3.熟悉es6文件
4.第三方庫的配置與使用
keep going!
分類:
vue.js
標籤:
vue初始化,
vue環境配置,
vue安裝
vue腳手架環境搭建
安裝node.js 安 裝vue cli 使用指令npm install g vue cli 全域性安裝腳手架 初始化專案 先cd到自己想要建立新專案的資料夾下,然後使用vue init指令 vue init 模板型別 專案名稱 vue的模板型別,有很多種,可以使用vue list 指令檢視 使用w...
vue環境配置腳手架環境搭建vue工程目錄
安裝完成之後,windows r 執行命令 cmd 輸入node v 檢查是否已經安裝成功.如果會顯示版本資訊,說明安裝成功 現在就可以使用node中的npm包管理器來構建vue專案 npm install g cnpm registry 之後就可以用cnpm 代替npm了 執行命令cnpm ins...
vue cli3 11安裝腳手架 環境搭建
安裝nodejs,自帶npm npm uninstall vue cli g or yarn global remove vue cli npm install g vue cli npm install g vue cli ps vue cli2的安裝方法 npm install g vue cl...