vue官网 https://cn.vuejs.org/v2/guide/installation.html
特点：数据绑定和组件化
组件化: 页面上小到一个按钮都可以是一个单独的文件.vue，这些小组件直接可以像乐高积木一样通过互相引用而组装起来.
一 vue 安装步骤
1 安装node 官网下载地址：https://nodejs.org/en/download/
检查Node.js版本：node-v
npm包管理器是集成在Node.js中,查看npm的版本命令：npm -v
注：输入命令npm -g install npm，更新npm至最新版本
2.安装公服-淘宝镜像（cnpm）
使用淘宝 NPM 镜像。cnpm 命令代替默认的npm命令，增加依赖包加载速度且避免资源限制。
命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
3.全局安装vue-cli
npm install --global vue-cli
查看vue是否安装成功，注意参数是大V vue -V
二 创建项目
vue init webpack 项目名
----Project name 输入项目名称
----Project description 输入项目描述
----Author 作者
----Vue build 打包方式，回车就好了?
----Install vue-router? 选择 Y 使用 vue-router，输入 N 不使用?
----Use ESLint to lint your code? 代码规范，避免不必要的麻烦推荐 N
----Setup unit tests with Karma + Mocha 单元测试
----Setup e2e tests with Nightwatch? E2E测试
这样一个初成的vue项目就算新建成功了，接下来是运行
三 运行项目
运行命令:npm run dev 然后访问：http://localhost:8080 正常能看的vue的图标就证明成功了。可以写项目逻辑代码了。
四 打包部署
打包命令:npm run build
没有报错的情况下，成功之后会在项目路径生成名为dist的文件夹
把dist 复制到 3w 的html目录下,然后运行本地服务器查看就可以，或者放在线上服务器上
注：可能出现的问题就是你访问的时候会出现一个空白的页面，F12 能看到因为样式没有找到报404
解决办法：修改项目路径下的conf/index.js 文件，修改module.exports={dev:{},build:{}} 中的 build 把 assetsPublicPath 属性从’/‘ 改为 ‘./‘然后重新打包即可；
注：上面的步骤，是修改build中的assetsPublicPath，不是dev中的，不要改错了地方哦
好了，可以自己去试试了，欢迎指正，虚心接受指教。
本文链接：https://www.jianshu.com/p/39c8b61eb321
版权： 转载注明出处！
