搭建vuejs專案

2021-10-06 17:26:34 字數 476 閱讀 7579

1:環境安裝nodejs、npm、vuejs

npm node

npm install vue

然後檢視版本

node -v

npm -v

vue -v

如果有版本號,則證明安裝成功

2:也可以利用**映象安裝,這樣比較快 npm install -g cnpm --registry=https:

3:安裝vue腳手架 npm install -g vue-cli

4: 安裝 vue的webpack 框架 npm install -g webpack

6:初始化成功之後就會看到專案檔案的目錄如下

![在這裡插入描述]

7:執行專案 npm run dev啟動專案,會自動開啟瀏覽器

8:最後就完成了

構建vuejs專案

目的 在d盤myvue下構建vue專案 過程 1.d盤建立myvue檔案 2.命令進入myvue cmd d cd myvue 3.在目錄下建立乙個基於 webpack 模板的新專案 vue init webpack my vue project4.安裝專案依賴 cd 上一步建立的my vue pr...

vuejs開發環境搭建

前言 現在前端最火的是3個框架 react,vue,angular。可以說著是哪個框架大大改變了前端的地位。相對於angular來說。vue同樣擁有豐富的指令,並且都是典型的mvc框架,但是vue比較輕量級一些,最主要的是,它是中國人寫的。別看這是中國人寫的框架,在國際上照樣得到了不俗的評價。我們在...

VueJS專案目錄結構

index.html 入口頁面 build 構建指令碼目錄 build server.js 執行本地構建伺服器,可以訪問構建後的頁面 build.js 生產環境構建指令碼 dev client.js 開發伺服器熱過載指令碼,主要用來實現開發階段的頁面自動重新整理 dev server.js 執行本地...