node-vue常用指令

关于项目

1. 查看node是否装好      node -v
2. 安装cnpm                    npm install -g cnpm --registry=https://registry.npm.taobao.org
3. 安装vue-cli                  cnpm install --global vue-cli
4. 安装项目                     vue init webpack-simple
5. 安装相关模块              cnmp install
6. 启动项目                     npm run dev
7. 安装router                   cnpm install vue-router --save
8. 安装element                cnpm i element-ui -S

 

 

关于路由

1.下载并引入路由

cnpm install vue-router --save
import RouterVue from "vue-router"
Vue.use(RouterVue);

2.在模板中使用路由标签

<router-link to="home">主页</router-link>
<router-link to="news">新闻页</router-link>
<div>
    <router-view></router-view>
</div>

3.在js的vue中配置路由路径

router: new RouterVue([
    { path: "/home", component: Home },
    { path: "/news", component: News } 
]),

 

 

 

关于elementui

1. 安装element         cnpm i element-ui -S
2. 安装字体解析器    cnpm i url-loader -D
3. 配置文件  

{
    test: /\.(woff|svg|eot|ttf)\??.*$/,
    loader: 'url-loader'
},

     4.引入element并使用

import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
Vue.use(ElementUI);