Vue项目步骤

配置前最好先安装个淘宝镜像    npm install cnpm -g

如何创建Vue项目

安装脚手架   cnpm install vue-cli -g隐藏的

查看版本    vue -V

安装项目模板 vue init webpack cli     cli:项目名称（不能用大写名字,不能用中文）  第一个Y 剩下N   

安装项目依赖 cd cli   cnpm install

运行项目    npm run dev

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

一
components 里面可以建一个index文件夹

index文件夹里建立shortcut.vue(你也可以起别的名字,但后缀为vue)

.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放置的是非组件的资源