开发者社区> 问答> 正文

刚刚搭建vue开发环境,vue3.9.3, vue create 项目,npm run失败,

刚刚搭建vue开发环境,vue3.9.3, vue create 项目,npm run失败,vue-cli-service 已经安装成功了,什么原因哈

5AA3E24F-B94E-4b57-B932-FA497215C07D.png

本问题来自阿里云开发者社区的【11大垂直技术领域开发者社群】。 https://developer.aliyun.com/article/706511 点击链接欢迎加入感兴趣的技术领域群。

展开
收起
游客mxpnxp6g3cq7o 2019-07-31 17:54:50 947 0
1 条回答
写回答
取消 提交回答
  • 1. 前言 vue-cli 一个简单的构建Vue.js项目的命令行界面 整体过程: $ npm install -g vue-cli   $ vue init webpack vue-admin   $ cd vue-admin   $ npm install   $ npm run dev 后面分步说明。 2. 安装 前提条件,Node.js >=4.x版本,建议使用6.x版本。npm版本 > 3.x 全局安装vue-cli $ npm install -g vue-cli 
    

    3. 使用 $ vue init <template-name> <project-name> vue官方提供了多个打包工具版本的模版。我们可以使用vue list命令查看,当前可以使用的模版。 $ vue list 我们在这里,使用webpack模版。 功能齐全的webpack & vue-loader 提供热加载、代码检查、单元测试和css分离 $ vue init webpack vue-element-admin 之后,在E:\project文件夹下面,会有刚初始化的构建的项目vue-element-admin 4. 运行结果 项目基础结构已经搭建好了,现在来启动它。 进入项目文件: $ cd vue-element-admin 安装依赖: 中国行情原因,直接安装,有时候会失败。我们一般使用npm的淘宝镜像cnpm。 先安装cnpm: $ npm install -g cnpm --registry=https://registry.npm.taobao.org 之后,使用: $ cnpm install 你直接安装也可以的: $ npm install 运行: $ npm run dev 启动之后,自动打开默认浏览器 之后,就可以进行本地开发,实时预览开发效果。 5. 打包部署 项目开发完成之后,可以使用npm run build进行打包工作 $ npm run build 打包完成之后,会生成dist文件夹,项目上线时候,只需要将dist文件夹放到服务器就行了。 6. 项目结构

    “答案来源于网络,供您参考” 希望以上信息可以帮到您!

    2019-09-25 20:53:43
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
Vue.js在前端服务化上的实践与探索 立即下载
基于FAAS构建NPM同步CDN 立即下载

相关镜像