怎么来搭建VUE-cli脚手架

vue-cli脚手架搭建

指令:cnpm i vue-cli -g

创建项目:vue init webpack one(one是自己取的项目名,按照需要进行更改)

1、 vue-cli 脚手架安装	环境	资源	测试	热启动	打包上线
	webpack 主流	前端三大自动化工具
	gulp	
	grunt
vue-cli 脚手架 安装
    1)测试是否有node 环境 并且 node 版本>=v 8.11.0

       使用命令 node -v

    2)为了让下载包的速度快 安装 cnpm
       测试有没有:cnpm -v
       有  ok
       没有:http://npm.taobao.org

     3)全局安装 vue-cli

        cnpm install vue-cli --global 或者
        cnpm install vue-cli -g
        苹果电脑:sudo cnpm install vue-cli -g
                输入密码:

     4) 测试 vue-cli 是否安装成功
        命令:vue -V 或 vue --version    可以查出他的版本  2.9.6
		
	获取本地IP地址	ipconfig
2、通过 vue-cli 构建 vue 项目
         命令vue init webpack one
         解释
         vue                init        webpack             one
        vue-cli的使用命令   初始化       前端自动化工具(模版)   项目名

? Project name                      项目名         --- 回车
? Project description               项目描述       --- 回车
? Author                             作者           --- 回车
? Vue build                         选择第一个      --- 回车   
? Install vue-router?               vue 路由       y  /  --- 回车   
? Use ESLint to lint your code?     代码风格检测     n  --- 回车   
? Set up unit tests No              测试           n    --- 回车      
? Setup e2e tests with Nightwatch?  测试           n    --- 回车   
? Should we run `npm install` for you after the project has been created? (recommended)
  Yes, use NPM                      使用npm 去安装项目依赖
  Yes, use Yarn                     使用 yarn 去安装项目依赖
❯ No, I will handle that myself     使用自己的方式安装 (cnpm)

  cd 项目名                          进入项目目录
  npm install (or if using yarn: yarn)  安装命令 cnpm install
  npm run dev                       运行命令

到这里就没有了!

  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值