Vue

Vue CLI3.0<遇到的问题记录>

2020-03-13  本文已影响0人  誰在花里胡哨
🎈安装:

点击查看文章

🎈项目搭建:

你可以通过 Git Bash 进行命令操作
详情可参考 此篇文章
此处注意 Windows 模式下尽量使用此命令,方便操作

$ winpty vue.cmd create hello-world

以下是官方解释 点击前往官方地址

image.png

建议使用 vue ui 图形界面创建项目

$ vue ui

第一步直接输入完项目名称,点击下一步


image.png

个人项目建议选择默认,公司项目建议选择手动配置,点击下一步


image.png
此处我选择了这4项,css那一块到时候可以在项目创建后根据需求自己下载
image.png

是否选择 history 模式(取决于 URL 有没有 # 号),建议不要勾选,因为后端也是需要相关配置的,若需要的话可以在 router/index.js 里面进行修改

const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL,
  routes
});
image.png

新增了一个 views 模块,因为我之前是直接在 components 里面进行页面开发的,所以猛地有点懵,其实就是一个规范,以后把页面和组件区分开就可以了 ~~

👍点击创建项目,就可以了

上一篇下一篇

猜你喜欢

热点阅读