vue项目简单搭建

1. vue项目的简单搭建

(1) 安装node.js及其他插件 下载地址

输入命令查看是否成功安装     node -v      npm -v

安装使用淘宝npm镜像：   npm i -g cnpm --registry=https://registry.npm.taobao.org

安装vue-cli，vue脚手架：    cnpm i -g vue-cli

查看是否安装成功:   vue -V

(2) 项目新建及启动

新建工作目录,并进入改目录下

使用脚手架安装项目:    vue init webpack projectName

按以下命名操作:

提示目录已存在，是否继续：Y
Project name（工程名）:回车
Project description（工程介绍）：回车
Author：作者名
Vue build（是否安装编译器）:回车
Install vue-router（是否安装Vue路由）：回车
Use ESLint to lint your code（是否使用ESLint检查代码，我们使用idea即可）：n
Set up unit tests（安装测试工具）：n
Setup e2e tests with Nightwatch（也是测试相关）：n
Should we run `npm install` for you after the project has been created? (recommended)：选择：No, I will handle that myself

进入项目目录

初始化项目：  cnpm i

运行项目:   cnpm run dev   

访问项目及结束项目:    访问localhost:8080       Ctrl+C退出运行

(3) 项目依赖安装

安装项目依赖,分别是scss支持，ajax工具，element ui，两个兼容包

cnpm i node-sass -D
cnpm i sass-loader -D
cnpm i axios -D
cnpm i element-ui -D
cnpm i babel-polyfill -D
cnpm i es6-promise -D

未完待续。。。