cnpm安装vue 学习


1.cnpm install --global vue-cli  //全局安装  vue-cli是vue.js脚手架,快速创建vue项目

2.vue init webpack project-name  //创建基于webpack模板的新项目

Project name (vuetest)     项目名称,小写

Project description (A Vue.js project)    项目描述

Author   作者

Runtime + Compiler: recommended for most users    运行+编译

Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere      仅运行时

Install vue-router? (Y/n)  官方路由

Use ESLint to lint your code? (Y/n)  代码风格管理工具,统一代码风格

Setup unit tests with Karma + Mocha? (Y/n)  安装单元测试

Setup e2e tests with Nightwatch(Y/n)?     安装e2e测试

3.进入项目目录

4.cnpm install   //安装依赖mok

5.启动  cnpm run dev


目录:


1.build:最终发布代码的存放位置,操作文件

2.config:配置目录

3.node_modules:项目依赖模块

4.src:开发目录


1)assets:静态资源目录

2)components:存放组件

3)App.vue:项目入口文件

4)main.js:项目核心文件,webpack入口文件

5)router:路由文件夹,决定路由跳转规则

5.static:静态资源

6.index.html:首页入口文件

7.package.json:项目配置文件





  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值