前端vue学习曲线（1）vue-cli（2.0）构建项目

1.安装node.js环境

http://nodejs.cn/download/

2.检测是否成功安装（node -v 和 npm -v ）

Node.js command prompt输入 node -v 和 npm -v 查看安装版本

3.安装国内镜像（npm install -g cnpm --registry=https://registry.npm.taobao.org）

安装可能过慢，或安装失败，需使用npm cache clean清理缓存，重新安装。

4.检测是否安装成功（cnpm -v）

 cnpm -v  查看安装版本

5.cnpm安装vue-cli 和 webpack

cnpm install -g vue-cli 安装

vue -V查看安装版本

 

卸载方法

a.vue-cli2.x卸载：npm uninstall vue-cli g

6.创建项目

首先找到对应要创建的目录地下。

（1）创建： vue init webpack Vue-Project

（2）进入项目 cd vue03

（3）安装依赖 cnpm install

（4）启动项目npm run dev

（5）访问项目http://localhost:8080

（6）打包上线（npm run build）

注意：修改config>index.js

 

 

产生dist文件，可直接将文件放入服务器上。

（7）终止操作ctrl+c

总结：

#项目初始化
1.安装veu-cli
cnpm install -g vue-cli
2.初始化项目
vue init webpack Vue-Project
3.进入项目
cd Vue-Project
4.安装依赖
cnpm install
5.启动项目
npm run dev
6.打包上线
npm run build
7.终止操作
ctrl+c

#项目目录结构
index.html:项目根视图
.postcssrc.js:postcss配置文件
static:静态文件目录

扩展：vue-cli 3.0 https://blog.csdn.net/qq_42014192/article/details/99677446