Vue3.0及以上版本创建项目步骤

 

一共6个步骤:

1,检查Node.js版本;

Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+);如果低于这个版本卸载后去Node官网重新下载安装最新版;

Node中文网下载页面链接

2,检查Vue-cli版本;

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过

 npm uninstall vue-cli -g

 或

 yarn global remove vue-cli

 卸载它。如果使用后者需要安装Yarn

Yarn中文网下载页面链接

3,安装Vue-cli;

可以使用下列任一命令安装这个新的包

npm install -g @vue/cli

yarn global add @vue/cli

使用npm可能有点慢,推荐使用cnpm,下面是安装cnpm的命令;

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

完成后检查版本:

vue --version

4,创建项目;

运行以下命令来创建一个新项目:

vue create project

project这项是自定义项目名,建议英文,不可含有大写字母;

 

以上四个步骤vue-cli3摘录于vue-cli3.0官方文档,详情请点击vue-cli3进行查看;

5,选择配置

如图所示:

到了这里就和旧版本的创建项目一样复制再浏览器打开

6,设置启动项目后自动在浏览器打开页面;

打开项目文件夹,在根目录找到package.json文件,在“script”对象中“serve”属性加上--open;如下

"serve": "vue-cli-service serve --open",

保存重启项目即可;

结语:如果有错误或不足,恳请指出。如果有用的话,请多多点赞和关注吧,谢谢了!

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值