Vue项目步骤

配置前最好先安装个淘宝镜像    npm install cnpm -g   (mac环境下前面加sudo)css

如何建立Vue项目html

安装脚手架   cnpm install vue-cli -g隐藏的 (mac环境下前面加sudo)vue

查看版本    vue -Vwebpack

安装项目模板 vue init webpack cli     cli:项目名称（不能用大写名字,不能用中文）  第一个Y 剩下N   (mac环境下前面加sudo)web

安装项目依赖 cd cli   cnpm install (mac环境下前面加sudo)vue-cli

运行项目    npm run devnpm

项目打包（cd 项目位置    npm run build）app

一
components 里面能够建一个index文件夹ui

index文件夹里创建shortcut.vue(你也能够起别的名字,但后缀为vue)spa

.vue文件里面包括

template 

这里面放咱们的html内容

script 里面

　　export default{

　　　　name:"shortcut"

　　}

style中须要加scoped（css样式只用于本页面）

<style scoped> </style>

也能够单创建一个文件夹放上面的全部内容

二

App.vue

script中引入上面.vue文件:

import shortcut from "./components/index/shortcut"  

export default {

　　name: 'app',

　　components:{

　　　　shortcut
　　}
}
template里面

先把里面自带的删掉或注释

<img src="./assets/logo.png">
<router-view/>

而后加入下面的内容

<shortcut/>

三

main.js中,把下面两处注释或删掉

四
static里面能够放第三方的东西。好比css公共样式,jq插件,swiper插件等
index.html里link引入,script引入等等

五 assets能够放css,js,img等等 assests放置的是组件的资源，static放置的是非组件的资源