如何创建vue项目,及基础了解

  • 第一步,安装node,
  • 第二部,检查npm的版本 npm -v
  • 第三部,下载淘宝镜像(随便下载在哪里) npm install -g cnpm --registry=http://registry.npm.taobao.org
  • 第四部,安装脚手架工具, cnpm install -g vue-cli
  • 第五步,创建一个空的文件夹,键盘按住shift键,然后鼠标右键点击,可以看到选项栏里有一个“在此处打开命令窗口”点击后,
  • 第六步,打开命令面板,输入命令: vue init webpack +(项目名字例如,Vue-Project,)弹出相关配置,一路yes,或者百度各个意思然后根据自己的需要选择yes/no,
  • 3)创建项目时,会问几个问题,依次回答。
    1.确认项目名,如果不需要修改,直接回车。
    2.项目的描述,如果不需要修改,直接回车。
    3.作者,如果不需要修改,直接回车。
    4.是否安装路由,需要安装,输入y,回车。
    5.是否使用eslint工具调试代码,不需要,输入n,回车。
    6.是否使用单元化测试,不需要,输入n,回车。
    7.是否使用e2e监控代码,不需要,输入n,回车。
    8.是够使用npm下载包,直接回车。
    (4)项目创建完成,在命令行中使用以下指令运行程序。
    npm run dev
  • 第七步,npm run dev运行项目
  • 第八步,如果想要上线项目的话,npm run build,把dist文件夹的东西放到线上
  • 第九步,如果项目想要打包发给别人的话,node_modules文件夹不用压缩,其他的打包发给别人,那个是依赖包,别人拿到你的压缩包之后,使用npm install下载依赖包就好了
  • 组件放在src/components里面
  • 如何引用组件,router/index.js/里面引用组件,import home from '@/components/home.vue’好累不想写了请听下回分解,
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值