第一个vue项目实例(vue-cli)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u013032724/article/details/89082260

准备工作

vs code编辑器、chrome浏览器、node安装

步骤

  1. 全局安装vue-cli

npm install vue-cli -g

  1. 初始化一个项目

vue init
第一个是模板名称,第二个是项目名称,模板有webpack,webpack-simple ,browserify ,browserify-simple ,simple我们这个项目使用的是webpack。

  1. 把文件切换到初始化的项目中

cd projectName

  1. 安装依赖

npm install

  1. 运行

npm run dev

初始化vue项目完成

目录介绍:
1、bulid和config都是webpack配置
2、src是存放项目源文件的目录
3、static存放第三方静态资源,这个里面的gitkeep是这个目录为空,也可以把这个目录提交的git仓库里面,因为通常一个空目录是不能提交git仓库里面的。
4、babelrc是babel的配置项
5、editorconfig是编辑器的配置项
6、gitignore存放忽略建厂语法的目录以及不会提交的文件
7、index.html入口文件
8、package.json是项目的描述和依赖,我们在开始的时候执行npm run dev,就相当于执行了这个文件里面的script的dev对应的node build/dev-server.js

猜你喜欢

转载自blog.csdn.net/u013032724/article/details/89082260