vue2[初级]基于vue-cli 搭建项目

本节内容

• 本节内容有点长，其实主要分两部分 1 本地构建vue项目 2 webstorm工具引入并介绍相关目录结构及package.json

vue-cli 安装 略

基于vue-cli 搭建项目

webstorm引入vue项目

vue项目的目录结构介绍

package.json介绍

------------------------------------------------------

vue本地环境查看

搭建项目

1 cmd窗口切换到D:\vue_project目录 执行vue init webpack +项目名称

– D:\vue_project 就是一个普通的目录 也可以在任意目录下执行上边的构建指令

[提示] Project name ? 直接回车

[提示] Project description 直接回车

[提示] Author 输入开发者名称 任意 然后回车

[提示] 选择Runtime + Compiler: recommended for most users 回车 （运行+编译）

[提示] Install vue-router? (Y/n) 选择Y 安装vue路由

[提示] Use ESLint to lint your code? (Y/n) 选择Y 选择使用ESLint 用来校验代码规范

[提示] 选择 Standard (https://github.com/standard/standard) 回车