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

使用vue-cli3搭建项目过程

时间:2019-01-06 16:28:04      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:init   png   info   lin   技术   node   man   res   web   

一、搭建前准备

  node.js版本为8.9+;

  安装模块:npm install -g n // 安装模块 这个模块是专门用来管理node.js版本的;

  若原先已经安装,则更细模块:n stable // 更新你的node版本;

  若事先安装了vue-cli,则先卸载:npm uninstall vue-cli -g;

  若安装了cli3,后还想用vue-cli2,全局安装一个桥接工具:

  npm install -g @vue/cli-init//安装完后 就还可以使用 vue init 命令

       vue init webpack my_project

二、开始安装

  1、npm install -g @vue/cli // 安装cli3.x

  2、vue --version // 查询版本是否为3.x

  3、安装拓展:npm install -g @vue/cli-service-global

  4、选择配置

    技术分享图片

    一开始只有两个选项: default(默认配置)和Manually select features(手动配置)

    默认配置只有babeleslint其他的都要自己另外再配置,所以我们选第二项手动配置。

    技术分享图片

    这里按需选择

    接下来一直按enter就可以。

 

    

 

使用vue-cli3搭建项目过程

标签:init   png   info   lin   技术   node   man   res   web   

原文地址:https://www.cnblogs.com/linjiangjin/p/10229105.html

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