Vue-cli3.0及以上版本创建项目步骤
2020-02-03 20:02
851 查看
一共6个步骤:
1,检查Node.js版本;
Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+);如果低于这个版本卸载后去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
3,安装Vue-cli;
可以使用下列任一命令安装这个新的包
npm install -g @vue/cli
yarn global add @vue/cli
使用npm可能有点慢,推荐使用cnpm,下面是安装cnpm的命令;
[code]$ npm install -g cnpm --registry=https://registry.npm.taobao.org
完成后检查版本:
[code]vue --version
4,创建项目;
运行以下命令来创建一个新项目:
vue create project
project这项是自定义项目名,建议英文,不可含有大写字母;
以上四个步骤vue-cli3摘录于vue-cli3.0官方文档,详情请点击vue-cli3进行查看;
5,选择配置
如图所示:
到了这里就和旧版本的创建项目一样复制再浏览器打开
6,设置启动项目后自动在浏览器打开页面;
打开项目文件夹,在根目录找到package.json文件,在“script”对象中“serve”属性加上--open;如下
[code]"serve": "vue-cli-service serve --open",
保存重启项目即可;
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- 使用Cordova 3.0(及以上版本) 创建安卓项目
- vue-cli3.X快速创建项目的方法步骤
- Nexus-3.0以上版本创建本地中央仓库步骤
- vue-cli3.0创建新项目
- vue-cli 3.0 安装和创建项目教程
- 卸载vue2.0 到vue_cli3.0的安装,创建项目。
- vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
- 图文讲解用vue-cli脚手架创建vue项目步骤
- cocos2dx 3.0以上创建项目步骤及生成apk
- 使用Vue-cli3.0创建的项目 如何发布npm包
- cocos2dx 2.2.x版本和3.0以上版本创建项目
- Vue-cli 3.0教程(2)——创建项目
- vue-cli2.0转3.0之项目搭建的详细步骤
- 第二步 使用Cordova 3.0(及以上版本) 创建安卓项目(2014-6-25)
- Vue Cli3 创建项目的方法步骤
- 使用Cordova 3.0(及以上版本) 创建安卓项目
- 使用Vue-cli创建Vue项目
- 使用 vue-cli 可以快速创建 vue 项目
- vue-cli在控制台创建vue项目时乱码的问题
- cocos2d-x2.2.2(2.1.4及以上版本) VS2012 创建跨平台项目秒杀方法