vue脚手架安装

1、全局安装

npm install vue-cli -g

2、初始化项目

vue init模板名 项目名称

3、构建项目--------命令npm run build

4、vue项目开发

==================================================================

《附加》

vue脚手架目录结构:

build  webpack配置和node环境搭建

config开发和线上环境配置,包括路径,端口号等

src开发目录:

assets:存入项目中的静态资源 例如:图片,字体图标,svg图等

components:存放项目中组件

router:存放路由文件

App.vue项目的入口组件

main.js项目入口js

static:存入静态资源目录  例如:jquery,reset.css,bootstrap.css等

index.html项目首页

修改端口号:

在Config文件夹index.js文件port:端口号

列出官方模板:vue list一共6个模板

Main.js里面new一个vue的写法:

第一种:

new Vue({

el:”#app”,

router,

tempalte:””,

component:{App}

})

第二种:

new Vue({

el:”#app”,

router,

render:h=>h(App)

})

第三种:

new Vue({

render:h=>h(App)

}).$mount(“#App”)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容