VUE web專案的安裝

2021-08-20 01:34:05 字數 1366 閱讀 1772

1、安裝nodejs

2、參考網上教程下安裝vue模組

檢視版本

$ npm -v

最新穩定版

$ cnpm install vue

全域性安裝 vue-cli cn

pmin

stal

l–gl

obal

vue−

cli創

建乙個基

於web

pack

模板的新

專案c np

mins

tall

–glo

balv

ue−c

li建立

乙個基於

webp

ack模

板的新項

目vue init webpack my-project

這裡需要進行一些配置,預設回車即可

cd my-project

npm install

npm run dev

3、路由設定

在src下新建乙個page資料夾

在專案資料夾src/router/index.js

import vue from

'vue'

import router from

'vue-router'

import index from

'@/page/index'

//對應page下index.vue

import content from

'@/page/content'

//對應page下content.vue

vue.use(router)

export default

new router(,

]})

4、page資料夾下的實體執行檔案(一定要帶style標籤)

index.vue

index pagediv>

template>

style>

5、執行

關閉eslint報警,煩人的編寫格式,空格不對就要報錯

build檔案下webpack.base.conf.js 注釋掉以下語句

6、專案打包

npm run build

打包後,拷貝工程資料夾下的static裡所有檔案到tomcat裡,只能放web根目錄,路徑問題待找方法

vue專案的安裝與啟動

第一步 安裝node 檢測node是否安裝成功 node v 第二步 安裝vue cli 命令 npm install vue cli g 第三步 搭建專案命令 vue init webpack 你的專案名稱 一路回車 遇到eslint選擇no 第四步 安裝依賴包 進去你所建立的專案 輸入命令npm...

使用VS的安裝專案的總結

這幾天一直在做乙個web程式的安裝包,使用vs做安裝程式需要注意的一些問題 1.關於兩種setup專案 vs 安裝程式專案模板有乙個setup project,還有乙個是web setup project。如果你的web程式可以安裝在c inetput wwwroot下,那麼使用web setup ...

專案的總結

現在的專案快到結束了,該總結一下了。先寫下有關這個專案的一些標籤 三個月,乙個專案,還沒有做完,剛畢業,專案老套,技術落 後,同事缺乏交流,老闆不願重視,自己創造力不足,工作缺乏激情,做事條理不明,計畫嚴重滯後。剛畢業,進了一家好像很有前景的小公司,給了乙個 平台專案,從八月到十一月,三個月了,專案...