vue-cli3+ 搭建pc端管理项目(一, 项目创建)

写在最前:

node 版本要求 >= 8.9 。

安装

安装脚手架: npm install @vue/cli

(如果是全局安装,安装命令加 -g)

检验安装成功:

在命令窗口中输入命令: vue --version 或者 vue -V (v大写)

出现版本号即为安装成功

搭建项目

1. vue create 项目名称 (项目名称中,不要有大写字母)

2. 选择手动配置后,配置如下:

3. 选择 vue 版本 (2.x)

 4. 是否使用 class 风格的语法组件(Y):

 5. 是否使用 babel 做转义 (Y):

 6. 路由是否使用 history 模式 (N):

 7. 选择css 预处理器:(根据使用习惯选择即可):

 8. 选择代码风格,格式校验 (standard):

 9. 选择何时检查代码 (save):

 10. 选择 Babel , PostCss, ESLint 等自定义配置的存放位置

 11. 是否将此作为将来项目的预配置 :

y 下次创建项目的时候,可以复用此次的配置

 12. 此次配置名称

 完整配置:

 13. 项目创建成功后

cd 项目名称,进入项目文件夹

npm run serve 可启动项目

如下,启动成功:

项目地址:

github地址

gitee地址

系列文章:

vue-cli3+ 搭建pc端管理项目(二, 不同环境配置[开发,测试,生产])

vue-cli3+ 搭建pc端管理项目(三, css预处理器scss使用)

vue-cli3+ 搭建pc端管理项目(四, 按需引入 element-ui,支持修改主题色)

vue-cli3+ 搭建pc端管理项目(五, axios 使用及封装)

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值