vue 前端开发记录

构建 vue 项目并使用 Element UI 组件的流程：

1. 先下载安装 node.js，安装时选择“add to path”，安装成功后，去命令窗口检查“node -v”，“npm -v”

2. 安装 vue：npm install -g @vue/cli

3. 使用淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org

4. 创建一个 vue 项目：vue create new_proj

5. 创建成功后，进入项目：cd new_proj

6. 引入 element ui：vue add element

7. 引入依赖：cnpm install

8. 启动项目：cnpm run serve

使用路由 router 实现页面跳转

• 问题 1：全局配置好路由和组件后，点击跳转，地址栏已经变动，但是页面没跳转更新，也没有任何报错
  解决：在 App.vue 中忘了添加：<router-view/>

• 问题 2：使用命令 cnpm run serve 启动项目后，未自动打开浏览器访问首页
  解决：在 package.json 中，这一项配置末尾加上 -- open