vue環境配置腳手架環境搭建vue工程目錄

2021-09-08 04:55:50 字數 1480 閱讀 6221

安裝完成之後,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...