欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vscode如何創(chuàng)建vue項(xiàng)目

 更新時(shí)間：2025年04月18日 14:06:37   作者：大廠夢(mèng)  
這篇文章主要介紹了Vscode如何創(chuàng)建vue項(xiàng)目問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

Vscode創(chuàng)建vue項(xiàng)目

VsCode 和常規(guī)的開(kāi)發(fā)軟件不同，我們首先需要自己創(chuàng)建一個(gè)文件夾，然后在VsCode將這個(gè)文件夾設(shè)定為工作區(qū)域

文件 =》 將文件夾添加到工作區(qū)

完成后是這個(gè)樣子

因?yàn)槲乙淮涡蕴砑恿?個(gè)文件夾

打開(kāi)后肯定是什么都沒(méi)有的，然后我們需要打開(kāi)，VsCode 終端

這里創(chuàng)建終端的時(shí)候

我們需要選擇給哪一個(gè)工作空間創(chuàng)建空間，根據(jù)你自己的工作空間來(lái)

我這里的工作空間文件夾選擇的是vue2.0

接下來(lái)輸入以下命令

初始化vue

npm init -y

修改版本 package.json 里面的 vue 版本號(hào)

{
  "name": "vue2.0",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "vue": "^2.6.14"
  }
}

如果不修改，有可能出現(xiàn)沒(méi)有vue.js 文件的問(wèn)題

npm install vue

出現(xiàn)如下json和node_modules： html 自己創(chuàng)建哈

來(lái)看看html如何引用vue

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <h1>{{name}},歡迎你</h1>
    </div>
    
</body>
<script src="./node_modules/vue/dist/vue.js"></script>
<script>
    let vm = new Vue({
        el:"#app",
        data:{
            name:"小張"
        }
            
    })
</script>
    

</script>


</html>

展示結(jié)果

注意：

如果使用npm install vue 下載的文件，沒(méi)有vue.js 文件，百分之80 就是vue的版本問(wèn)題

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論