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

VUE 脚手架模板搭建

时间:2017-10-25 21:17:41      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:bpa   x86   脚手架   command   src   try   tts   blog   打开   

VUE 脚手架安装和运行

1、需要安装:nodenpmcnpm

安装node自动会安装npm,node有很多版本可以根据需要的版本进行选择性安装。
安装时一直next就可以了。

32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

2、cnpm安装: npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装vue-cli:(cli:Command Line Interface 命令行接口)--> cnpm install vue-cli -g //全局安装。

4、切换到项目放置的目录,初始化一个vue-cli项目--> vue init(模板)(文件名)
如果输入:vue init vuetest 报错:下载不到指定的vue模板

技术分享

使用webpack例子:vue init webpack-simple vueTtst


5、cd进入文件目录下

6、安装需要的模块:cnpm i

根据package下载需要的模块

7、运行,cnpm run dev

技术分享

8、如果端口冲突, webpack-simple模块下打开package.json 修改

技术分享

 

VUE 脚手架模板搭建

标签:bpa   x86   脚手架   command   src   try   tts   blog   打开   

原文地址:http://www.cnblogs.com/patriot/p/7731642.html

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