win7下vue的使用

2018-09-21  本文已影响0人  Carryyou_0059

1、首先安装vue.js:

npm :    npm install vue

2、安装脚手架工具

npm install -g vue-cli

3、创建项目:

进入到某个文件夹下创建项目 

vue init webpack firstVue

4、进入到firstVue文件夹下运行项目:

      npm run dev

5、安装组件:

npm install 组件名 --save 

6、卸载组件:

npm uninstall 组件名 --save 

7、工程中引入组件:

进入到main.js文件夹然后写入

import ElementUIfrom 'element-ui'   //*第一种方法 *//

Vue.use(ElementUI)

import Apifrom './public/Api.js'     //*第二种方法 *//

Vue.prototype.Api = Api 

8、单页面中组件引入方法:

(0):先进入到工程根目录文件夹下:

先cmd进入dos界面 进入工程所在磁盘下

例子:        f:    //*进入F盘 *//

cd 工程名

(1):npm install 组件名 --save

(2):在某个页面中导入

import tinymce from 'vue-tinymce-editor'

import china from "../../config/zh_CN.js"

(3):components:{tinymce},

上一篇 下一篇

猜你喜欢

热点阅读