创建vue项目及项目架构详细步骤(前提:安装了node和npm/文末有链接教程)
1、创建vue项目(my-project可以直接改成要创建的项目名)
①********
②**********
③*******
2、搭建完项目,会在所选目录下有项目文件夹,可以选择使用sublimetext整个文件夹打开(拖动该项目到sublimetext),项目架构解释:
build目录下放置的是项目的webpack配置文件,可以不动
config是针对线上环境和开发环境的配置文件,也可以不动
node_modules 指的是项目的依赖
src 指的是源代码放置的目录
static放置的是静态的资源
src中的main.js文件是整个项目的入口文件
vue-cli提供了一种新的vue的编码语法:单文件组件(一个.vue文件中包含了一个组件里必须的所有内容)
vue-cli的优势:
1可以使用es6(ECMAScript 6.0)。
2一个组件是一个.vue的文件所定义的,实现了组件的封装。
(注意:在安装该工具之前需要安装npm和node,安装方法:点击跳转)
3vue项目自带热部署功能
以上是 创建vue项目及项目架构详细步骤(前提:安装了node和npm/文末有链接教程) 的全部内容, 来源链接: utcz.com/z/376447.html