vue-cli脚手架

vue

安装

全局环境安装,不必要在项目地址下安装:npm install -g vue-cli

卸载

全局卸载:npm uninstall -g vue-cli

查看是否安装成功:vue list

查看vue版本,vue -V 回车,查看vue最新的版本。

 使用

进入到编辑器主目录下==>vue init webpack 项目名,最终结果是创建一个项目vuecli

接着在命令行安装依赖模块:cd vuecli ==>cnpm install,最终结果是得到了一个node_modules:

【注意】

在最新的vue-cli中,已经在初始化项目的时候自动进行到了这一步,因此需要观察出现的提示是什么:

实践操作

1、启动热更新npm run dev

【注意】

1、假如启动vuecli项目失败,错误提示如下图,那么建议全局卸载vue-cli:npm uninstall -g vue-cli,然后再重新全局安装:npm install -g vue-cli。只要出现让你填写项目的相关信息,那么都是成功的,记住千万别在一开始选择启用ESlint语法检查,会崩溃的。

2、当你卡在vue init webpack 项目名   的时候,不妨试试用管理员权限试一试(在电脑附件处打开“命令提示符”)。

以上是 vue-cli脚手架 的全部内容, 来源链接: utcz.com/z/377765.html

回到顶部