Vue-cli3.0及以上版本创建项目步骤

一共个步骤：

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这项是自定义项目名，建议英文，不可含有大写字母；

5，选择配置

如图所示：

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

6，设置启动项目后自动再浏览器打开页面；

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

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

保存重启项目即可；

 

 

 

• 点赞
• 收藏
• 分享
• • 文章举报

许魁 发布了15 篇原创文章 · 获赞 0 · 访问量 311 私信 关注

标签：npm,Node,vue,cli,步骤,cli3.0,Vue,版本
来源： https://blog.csdn.net/weixin_45264991/article/details/104080107