Vue项目创建

以管理员的身份运行cmd ,否则可能出现一些不必要的麻烦

  1. 首先cd切换到目标目录
  2. 执行:vue create 项目名
  3. 选择自定义方式创建项目,选取Router, Vuex插件
  4. 选择第二个进入自定义配置:

          

    5. 执行时,会提示下载源,选择淘宝镜像即可。(有大写的选大写,大写是建议的选项)

          

    6. 具体配置:上下键切换,空格键选择,回车键进入下一步

        勾选Babel、Router、Vuex、Formatter

        Babel :jsES6语法转换ES5

        Router:路由

        Vuex:组件数据交互

        Formatter:格式化代码

       

       下一步选Y,接下来的配置都是提示选项有大写选大写,没有默认选第一个配置就行

    

安装完后的目录如下:

三、终端启动项目

  1. cd到你的项目:cd vue_proj
  2. npm run serve
  3. 访问:http://localhost:8080/ 

配置axios

npm install axios -S

在main.js中  

解决跨域问题

在vue项目根目录下创建vue.config.js

录入

 

配置路由

npm install vue-router -S 

在src下创建router.js

 

 并在main.js中配置

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值