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
未完待续。。。