首页 > 其他 > 详细

Vue-项目创建和管理

时间:2019-12-20 19:58:40      阅读:102      评论:0      收藏:0      [点我收藏+]

终端创建vue项目

  1. 安装node
    官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/

  2. 换源安装cnpm

    >: npm install -g cnpm --registry=https://registry.npm.taobao.org
  3. 安装vue项目脚手架

    >: cnpm install -g @vue/cli

    注:2或3终端安装失败时,可以清空 npm缓存 再重复执行失败的步骤

    npm cache clean --force
  4. 在cmd中,cd到想要创建项目的路径下,执行 vue create projectName,创建项目/技术分享图片

  5. 选择最下面的 Manually select features (手动选择功能),技术分享图片

  6. 使用空格选择Babel,Vuex,Router,Babel可以使ES6代码被各种浏览器识别;在vue中我们可以使用vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新;Router 是 Vue.js 官方的路由管理器

    技术分享图片

  7. 对路由器使用历史记录模式?选择Y 技术分享图片
  8. 您希望在哪里放置Babel,ESLint等的配置?选择 In package.json技术分享图片
  9. 将其保存为预设以供将来的项目使用吗? 选择N(这个预设缓存清不掉)技术分享图片
  10. 完成后可以关闭cmd窗口,使用pycharm来管理vue项目

pycharm管理vue项目

  1. 使用pycharm打开创建好的vue项目
  2. 技术分享图片
  3. 技术分享图片
  4. 技术分享图片

Vue-项目创建和管理

原文:https://www.cnblogs.com/shenblog/p/12074635.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!