天天看点

Vue创建项目——笔记

Vue创建项目——笔记

使用命令行创建

vue create [project_name]  # 指定project_name项目名
# 选择vue3,2
# 选择npm,yarn      
Vue创建项目——笔记

关于启动项目

在项目根目录下的​

​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

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


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

继续阅读