vuejs开发环境搭建

vue开发环境搭建(官方推荐命令)

必须有node环境

npm install -global vue-cli / cnpm install -global vue-cli

1.创建&启动项目(webpack创建)

#创建
vue init webpack vuedemo
#进入项目路径
cd vuedemo
#安装依赖
npm install / cnpm install
#启动
npm run dev

2.创建&启动项目(webpack-simple创建)

#创建
vue init webpack-simple vuedemo
#进入项目路径
cd vuedemo
#安装依赖
npm install / cnpm install
#启动
npm run dev

vue-cli 2.X升级3.X

1.升级3.X之前需要卸载2.X

npm uninstall -global vue-cli

2.安装vue-cli 3.X(以下3种命令都可以安装)

npm install -g @vue/cli 
cnpm install -g @vue/cli 
yarn global add @vue/cli

3.创建&启动项目

#创建项目
vue create vuedome01
#进入项目路径
cd vuedemo01
#启动项目
npm run serve
#编译项目
npm run build

PS:cnpm的安装(淘宝镜像)

#地址:http://npm.taobao.org/  
#安装cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org

参考资料

vuejs安装

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 其他文章Vuejs的生命周期函数vue-router配置vue模板语法vue计算属性和侦听器vue Class与S...
    rainbowboy阅读 1,196评论 0 51
  • vuejs是一种介于react和angular中间的轻量级的mvvm框架,主要是数据绑定和组件化,先来介绍下如何用...
    小小羽y阅读 1,027评论 0 0
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,311评论 0 1
  • 1.使用cnpm (gzip 压缩支持) 命令行工具代替默认的 npm 2.查看cnpm版本 3.通过cnpm安装...
    你期待的花开阅读 402评论 0 5
  • 她,一个乡下、受道德传统跟家庭观念熏陶的女孩,给人的第一印象,不是很漂亮,很文静,让你不知不觉会被她的身形所吸引,...
    马德水阅读 551评论 0 1

友情链接更多精彩内容