vite vue ts 專案初始化

2021-10-10 16:54:23 字數 973 閱讀 1747

建立vite專案

執行yarn初始化專案

把語言改為typescript

yarn add typescript -d

npx tsc --init//安裝ts的庫包

main.ts沒有辦法識別vite這種檔案,建立配置項

new-item shim.d.ts

內容declare module "*.vue" from "vue";

const component: compoent;

export default component;

}

新增路由

yarn add [email protected]
新增router/index.ts

import  from 'vue-router'

//在vue-router新版本中,需要使用createrouter來建立路由

export default createrouter()

安裝vuex

yarn add [email protected]
新建store/index.ts

import  from 'vuex'

inte***ce state

export default createstore(

})

main.ts全域性引用

import router from './router/index'

import vuex from './store/index'

引用sass

yarn add sass sass-loader -d
執行

yarn dev

專案初始化 vue cli

一 輸入命令 vue init template name project name template name 有5種 webpack 常用 webpack browserfy browserfy project name 二 之後跟著提示輸入命令 porject name 專案名 盡量不要大寫 ...

初始化git專案

首先得在git上建立分組,建立專案名稱。1 開啟terminal終端 2 切換到你的本地專案目錄 3 初始化本地倉庫 git init 4 新增檔案到本地倉庫 git add 5 提交檔案 git commit m first commit 6 新增遠端倉庫位址到本地倉庫 先到遠端倉庫的頁面上,複製...

VUEJS 初始化專案

步驟 1 node v命令,檢視node的版本,若出現相應的版本號,則說明你安裝成功了。2 npm包管理器,是整合在node中的,所以安裝了node也就有了npm,直接輸入npm v命令,顯示npm的版本資訊 2.安裝cnpm 在命令列中輸入npm install g cnpm registry 然...