vue搭建一个简单的项目流程

1. 安装npm、cnpm、vue

安装教程

2. 创建项目:进入cmd到需要的目录输入以下命令

vue create 项目名称
如:
vue create static

根据需求选择相应的配置

3. 生成的目录

 4. 运行项目

cd static
npm run serve

在浏览器输入给定的网址即可:

5. 根据目录结构进行开发

I - src 存储我们项目开发的源文件

        | - main.js 打包编译的入口文件

        | - App.vue 项目页面的入口文件(可以自己命名,在脚手架中,html页面不再是.html文件,而是.vue文件)

        | - components 存放当前项目的公共组件

                | - xxx.vue

        | - assets 项目需要的静态资源文件

                | - xxx.png

                | - xxx.css

        | - ... 自己添加的文件

| - public

        | - index.html 当前项目的主页面(src编译后都会呈现在index.html的#app容器中)

        | - xxx.xx 虽然建议把开发的代码或资源放到src中,但某些资源可能需要单独在index.html中

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值