vue-cli @v3.0 安装&配置

首先一如既然先把官方文档地址扔出来，有需要跳转查看~ https://cli.vuejs.org/zh/guide/

# 全局安装 vue-cli
$ npm install -g @vue/cli

# 创建新项目
$ vue create jc-project(项目名字)

# 选择配置（默认配置|手动配置）
...

$ cd jc-project
$ yarn serve

 

# 默认配置（一路回车）

---

# 手动配置（仅供参考，可自主选择）

 

##分步详细

1.Please pick a preset:  Manually select features

（注：上下箭头移动光标，回车确认）

 

2. Check the features needed for your project:   Babel, Router, Vuex, CSS Pre-processors

（注：空格键是选中与取消，A键是全选）

 

3. Use history mode for router?  Yes

 

4. Pick a CSS pre-processor:  Less  

 

5. Where do you prefer placing config for Babel, PostCSS, ESLint, etc.?  In dedicated config files

 

6. Save this as a preset for future projects? (y/N)    // 是否记录一下以便下次继续使用这套配置

（注：键入N不记录，如果键入Y需要输入保存名字）

（再次vue create project 时就会出现上回save的 preset）

 

====== 至此，安装配置完成

 

---

#项目结构