IT俱乐部 JavaScript Vscode如何创建vue项目

Vscode如何创建vue项目

Vscode创建vue项目

VsCode 和常规的开发软件不同,我们首先需要自己创建一个文件夹,然后在VsCode将这个文件夹设定为工作区域

文件 =》 将文件夹添加到工作区

完成后是这个样子

因为我一次性添加了2个文件夹

打开后肯定是什么都没有的,然后我们需要打开,VsCode 终端

这里创建终端的时候

我们需要选择给哪一个工作空间创建空间,根据你自己的工作空间来

我这里的工作空间文件夹选择的是vue2.0

接下来输入以下命令

初始化vue

npm init -y

修改版本 package.json 里面的 vue 版本号

{
  "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"
  }
}

如果不修改,有可能出现没有vue.js 文件的问题

npm install vue

出现如下json和node_modules: html 自己创建哈

来看看html如何引用vue



    Document

{{name}},欢迎你

let vm = new Vue({ el:"#app", data:{ name:"小张" } })

展示结果

注意:

如果使用npm install vue 下载的文件,没有vue.js 文件,百分之80 就是vue的版本问题

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持IT俱乐部。

本文收集自网络,不代表IT俱乐部立场,转载请注明出处。https://www.2it.club/navsub/js/15168.html
上一篇
下一篇
联系我们

联系我们

在线咨询: QQ交谈

邮箱: 1120393934@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

返回顶部