vue-cli脚手架
安装
全局环境安装,不必要在项目地址下安装: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