0
点赞
收藏
分享

微信扫一扫

vue 开发 win7 环境搭建 和 打包 项目 和发布策略


目录

​​1.下载node.js ​​

​​2.下载好后安装node ​​

​​3.下载cnpm可以运行的快点(淘宝镜像)  ​​

​​ 4. 安装 vue ​​

​​5.初始化一个项目​​

​​6.安装各个文件之间的依赖​​

​​7.启动​​

​​9.查看 ​​

​​打包项目 ​​

​​发布策略​​

1.下载node.js 

  • vue的运行是要依赖于node的npm的管理工具来实现
  • ​​http://nodejs.cn​​

vue 开发 win7  环境搭建  和  打包 项目  和发布策略_管理工具

 

2.下载好后安装node 

  • 在cmd 中 node -v 测试

vue 开发 win7  环境搭建  和  打包 项目  和发布策略_初始化_02

3.下载cnpm可以运行的快点(淘宝镜像)  

  • $ npm install -g cnpm --registry=https://registry.npm.taobao.org

 4. 安装 vue 

  • $ cnpm install --global vue-cli

安装完后输入  vue测试 有东西出来就ok了

vue 开发 win7  环境搭建  和  打包 项目  和发布策略_管理工具_03

 

5.初始化一个项目

  • $ vue init webpack my-project

 

vue 开发 win7  环境搭建  和  打包 项目  和发布策略_初始化_04

出现下边就ok了 全部回车

vue 开发 win7  环境搭建  和  打包 项目  和发布策略_初始化_05

6.安装各个文件之间的依赖

  • $ cnpm install

vue 开发 win7  环境搭建  和  打包 项目  和发布策略_初始化_06

7.启动

  • $ cnpm run dev

vue 开发 win7  环境搭建  和  打包 项目  和发布策略_vue_07

9.查看 

浏览器输入 localhost:8080 回车,出现如下界面即可

vue 开发 win7  环境搭建  和  打包 项目  和发布策略_初始化_08

 

 

打包项目 

  • $ cnpm run build

打包后出现一个dist 的文件目录 结果文件都在这个里边,然后index  可以放到浏览器中看

vue 开发 win7  环境搭建  和  打包 项目  和发布策略_管理工具_09

 

发布策略

  • 发布找个nginx 服务放到静态中或找个端口映射下即可

 

 

ok

 

 

 

持续更新

 

 

 

 

举报

相关推荐

0 条评论