码迷,mamicode.com
首页 > 其他好文 > 详细

vue开发环境安装步骤

时间:2017-07-18 23:10:09      阅读:348      评论:0      收藏:0      [点我收藏+]

标签:web   全局   运行   .json   lis   reg   文件夹   安装   module   

前提:vue开发前提是安装好nodejs后,在nodejs环境下运行
1.npm工具在国内的网络环境下比较慢
  推荐使用淘宝npm镜像https://npm.taobao.org/
  使用以下命令安装cnpm,以后就可以用cnpm来代替npm: 
 npm install -g cnpm --registry=https://registry.npm.taobao.org
2.cnpm -v 查看当前cnpm安装版本
3.cnpm install -g vue-cli 安装脚手架(-g全局安装在系统的node目录下 如果不加安装在当前目录下)
  vue  会看到vue变成了一个命令
  vue --version 会看到目前vue的版本
  vue list 看到会用那些模版
  在mac环境下加上sudo npm install -g vue-cli 提高权限
4.vue init webpack my-project   
  下载模版,初始化项目(报错可能是hosts没有恢复到原始状态的原因)
  目前默认的模版是2.0的 如果想安装1.0的:vue init webpack#1.0 my-project
5.cd my-project 查看当前项目的文件
  vi package.json 查看配置文件 (vi进入文件夹 连续按2次大写字母Z退出vi 回到命令行模式)
6.cnpm install 
 安装依赖 在当前目录下会多出一个node_modules的文件夹 所有的依赖会自动下载完成
7.cnpm run dev 
 服务器启动了 查看到当前的监听的端口  http://localhost:8080
8.在项目的src目录下进行开发

  

  

 

vue开发环境安装步骤

标签:web   全局   运行   .json   lis   reg   文件夹   安装   module   

原文地址:http://www.cnblogs.com/angelatian/p/7202892.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!