码迷,mamicode.com
首页 > 其他好文 > 详细

Vue-项目创建和管理

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

标签:图片   tao   outer   ima   记录   gis   class   完成后   打开   

终端创建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-项目创建和管理

标签:图片   tao   outer   ima   记录   gis   class   完成后   打开   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!