创建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项目自带热部署功能

猜你喜欢

转载自blog.csdn.net/qq_36688143/article/details/81188491
今日推荐