安装vue脚手架

  1. vue2.0
1.vue - V 查看版本,如果出现版本号,之前已经安装过了。如果之前安装的版本是想要的版本,可以直接创建项目
2.npm uninstall vue-cli -g 如果之前安装了3.0的版本,现在想要安装2.0,先卸载安装过的版本
3.npm cache clean --force 如果卸载之后安装还是报错,清理缓存
4.npm install -g vue-cli 安装vue2.0脚手架
5.cd 目录名称  --跳转到目录下,方便找到新建的项目
6.vue init webpack my-vue 创建一个基于webpack的项目,my-vue是项目名可以更改
7.后面会出现一些选项: 
 Project name 项目名、
 Project description项目描述、
 Author项目作者、
 Vue build 运行加编译,直接回车选择推荐的、
 Install vue-router 是否安装的路由,可以直接安装,也可以之后在编写项目时安装
是否使用eslint等(后面的选项可以No)

8.cd my-vue 进入项目
9.npm install 安装依赖,安装完成之后,项目目录下会多出一个node_modules文件夹
10.npm run dev或者npm run start 运行项目,可以.在package.json文件中修改
11.可以在config--》index.js中修改端口号,运行时是否自动打开浏览器
12.提交git时,空文件夹会默认忽略,如果不希望空文件夹被忽略,就需要在文件夹下创建一个.gitkeep文件,此时文件夹就会被git版本控制
13.文件.eslintignore用来配置希望被忽略的文件
14.文件.gitignore用来配置git的忽略文件
15.index.html入口文件
  1. vue3.0
1..vue -V 查看vue的版本
2.如果已经安装了旧版本 npm uninstall vue-cli -g 先卸载旧版本
3.npm install -g @vue/cli 全局安装脚手架-----如果已经安装了就可以忽略这一步
4.vue create my-project 创建名为my-project的项目,名字可以改。先cd 跳转到某个文件夹下,这样方便找到新建的项目
5.cd my-project 进入到项目
6.npm run serve 启动项目---开发环境
7.npm run build 打包生成生产环境---运行这条命令,项目下会新增一个dist文件夹
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值