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”)
网友评论