使用vue-cli创建项目

安装node.js（http://nodejs.cn/download/）

32 位安装包下载地址 : http://nodejs.org/dist/v0.10.26/node-v0.10.26-x86.msi

64 位安装包下载地址 : http://nodejs.org/dist/v0.10.26/x64/node-v0.10.26-x64.msi

安装node.js和npm

2、在命令行输入node -v ,npm -v 出现对应版本号，则说明安装成功（window+r快速打开cmd命令窗口，在文件夹打开按住shift键右键）

安装cnpm

　　　　

1 npm install -g cnpm

安装webpack

　　　　

1 　cnpm install -g webpack

 

　　输入webpack -V 出现相应的版本号，则安装成功

全局安装vue-cli

　　　　

1  cnpm install -g vue-cli 

 

　　　

　　输入vue -v 出现相应的版本号，则安装成功

通过vue-cli 来新建一个文件夹，用来放置项目

　　

vue init webpack 文件夹名

 

　　

　　

1 　cd 文件夹名。进入相应的文件夹的命令窗口

 以下。根据我的需要安装的东西

(muse-ui.org)根据里面写的安装步骤使用步骤来

 安装muse-ui和axios

1 cnpm i muse-ui -S 　　写完之后在main.js中写：　　　　import Muse-ui from 'muse-ui'　　　　import 'muse-ui/dist/muse-ui.css'　　　　Vue.use(MuseUI)　　　　(这三句话在上面那个网址里面有)

2cnpm i vue-axios -S　　　写完之后在main.js中写：　　　　import axios from 'axios'　　　　import VueAxios from 'vue-axios'　　　　Vue.use(VueAxios, axios)

 

 

 

开始运行项目

　　　　

1  cnpm install

 

　　成功后

1  cnpm start  或者cnpm run dev

 

　　成功后浏览器地址栏输入localhost:8080会出现以下东西

　　

 

　　然后就可以写项目了。。。

 

 

　　

来源：https://www.cnblogs.com/exy7/p/9455274.html