Vue创建项目——笔记

Vue创建项目——笔记

使用命令行创建

vue create [project_name]  # 指定project_name项目名
# 选择vue3,2
# 选择npm,yarn

关于启动项目

在项目根目录下的​​package.json​​​里的​​scripts​​

是用来执行项目相关的脚本的。

"scripts": {
    "dev": "vue-cli-service serve --open",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

这里在shell中执行​​npm run dev​​

就执行dev对应的指令，也即运行项目。

修改main.js

开始的时候修改​​src​​​文件夹下的​​main.js​​

import Vue from '../node_modules/vue/dist/vue'


var vm = new Vue({
  el: "#app",
  data: {
    msg: "欢迎学习vue",
    num1: 100,
    num2: 200
  }
})

导入Vue对象使用 ​​node_modules​​ 中的Vue。