vue脚手架项目搭建以及常见命令

1、安装vue2脚手架:


(1)在cmd命令行中输入脚手架安装命令;
(2)全局安装vue脚手架:npm install -g vue-cli 或者指定版本:npm i vue-cli@5.0.4 -g;
(3)安装以后,输入:vue -V 出现相应的版本号,则表示安装成功;
(4)卸载脚手架:npm uninstall -g vue-cli;


2、搭建项目:


(1)初始化项目:vue init webpack myProject;
(2)进入项目:cd myProject;
(3)启动项目:npm run dev (如果下载的别人的项目,需要先安装依赖 npm install);
(4)打包上线:npm run build
如果项目没有自动打开浏览器,将config文件夹里面的index.js文件中autoOpenBrowser设置为true;
路由有hash和history模式,在new Router的对象里面mode来设置;默认是hash模式


3、vue-cli3脚手架安装


(1)如果安装了1.x或者2.x版本的脚手架,需要先卸载;
(2)安装脚手架:npm install -g @vue/cli
(3)安装以后,输入 :vue -version查看版本,出现相应版本3.x则表示安装成功;
(4)初始化项目:vue create myApp;
(5)选择配置,一般选择手动配置,根据自己需要来选择,不选择默认配置;
(6)进入项目:cd myApp;
(7)启动项目:npm run serve(yarn serve);
(8)打包上线:npm run build;
 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值