banquet79

新手小白如何用vscode写个vue项目

创建项目这一块的教程很多，百度一下可多了，重要的是理解创建下来的项目构造，以及我们的代码应该写在哪里

创建完项目第一步是去看package.json文件，配置文件的script很重要

其中build是用来打包项目的，lint是用来整洁代码的，serve是用来启动项目的如npm run serve

之后看src里面的文件，这是我们编辑代码的地方，asset文件里面用来放一些图片或者音频等资源

还有其他涉及的重要文件有：

main.js：



import Vue from 'vue'
import DY from './demo.vue'

Vue.config.productionTip = false

new Vue({
  render: h => h(DY)
}).$mount('#app')

其中根组件需要在main.js中引用并挂载出来，引用：import .. from '地址'

挂载就是new Vue（{}）里面的render函数和mount，mount删掉也能挂载

自己创建的demo.vue文件，根组件，其余局部组件都可以通过import引入到根组件里面去