构建vue项目并使用Element UI组件的流程:
-
先下载安装node.js,安装时选择“add to path”,安装成功后,去命令窗口检查“node -v”,“npm -v”
-
安装vue:npm install -g @vue/cli
-
使用淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org
-
创建一个vue项目:vue create new_proj
-
创建成功后,进入项目:cd new_proj
-
引入element ui:vue add element
-
引入依赖:cnpm install
-
启动项目:cnpm run serve
使用路由router实现页面跳转
-
问题1:全局配置好路由和组件后,点击跳转,地址栏已经变动,但是页面没跳转更新,也没有任何报错
解决:在App.vue中忘了添加:<router-view/>
-
问题2:使用命令
cnpm run serve
启动项目后,未自动打开浏览器访问首页
解决:在package.json中,这一项配置末尾加上-- open