使用Vue CLI 3(脚手架)搭建项目
Vue CLI是vue官方提供的用于搭建基于vue+webpack+es6项目的脚手架工具
操作:
# 使用vue-cli3
npm install -g @vue/cli
vue create shop-client
cd shop-client
npm run serve
# 降级到vue-cli2
npm install -g @vue/cli-init
vue init webpack gshop-client2
cd shop-client
npm run dev
项目结构分析
shop-client
|-- node_modules
|-- public
|-- index.html: 主页面文件
|-- src
|-- main.js: 应用入口js
|-- babel.config.js: babel的配置文件
|-- vue.config.js: vue的配置文件
|-- .gitignore: git版本管制忽略的配置
|-- package.json: 应用包配置文件
|-- README.md: 应用描述说明的readme文件