怎样使用 vue-cli ( Vue 脚手架 )
发布时间:2020-12-15 09:31:13 所属栏目:百科 来源:网络整理
导读:vue-cli 是 Vue 官方出品的快速构建单页应用的脚手架,相当于 React 官方出品的 create-react-app? ,下面演示 vue-cli 的 最 基本用法:? ? 1. 全局安装 vue-cli ,这里使用? cnpm? 进行安装,没有安装 cnpm 可是看: 这里 $ cnpm install -g vue-cli ? 2. 安装后
vue-cli 是 Vue 官方出品的快速构建单页应用的脚手架,相当于 React 官方出品的 create-react-app?,下面演示 vue-cli 的 最 基本用法:? ? 1. 全局安装 vue-cli,这里使用?cnpm?进行安装,没有安装 cnpm 可是看: 这里 $ cnpm install -g vue-cli
? 2. 安装后,我们使用下面的命令初始化一个 vue 项目,执行期间一律按 回车 $ vue init webpack my-project 如果没有安装 webpack,可以使用 cnpm 进行安装? ? 3.?完成后,按照命令行里的提示,我们需要切到 ./my-project 目录下,然后加载依赖包: cnpm install $ cd ./my-project $ cnpm install 注意,这里使用 npm install 也是可以的,但会很慢,所以建议使用 cnpm ? 4. 运行 cnpm run dev 启动项目,出现下面指示时,表示已经启动成功. $ cnpm run dev ? 5. 打开浏览器,输入?localhost:8080 即可查看已启动的项目 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |