美文网首页
1:在windows下搭建Vue2.0学习环境

1:在windows下搭建Vue2.0学习环境

作者: f656784b8402 | 来源:发表于2017-01-22 14:22 被阅读0次

本文参考了一下网址,并添加了部分自己的笔记:

http://www.open-open.com/lib/view/open1476240930270.html#articleHeader25

http://blog.csdn.net/zg091418/article/details/53765093

1:windos安装node.js:

Windows下直接下载nodejs安装包即可,新版nodejs会帮你配置好环境变量参数


2:打开CMD(管理员模式),开始动手啦啦啦啦

2.1:安装NPM(淘宝)镜像

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

2.2:安装webpack(全局安装)

cnpm install webpack -g

2.3:安装vue脚手架(全局安装)

npm install vue-cli -g

2.4:根据模板创建项目

安装好脚手架后,再次打开CMD(管理员模式)在硬盘上找一个文件夹放工程用的,在终端中进入该目录

(建议把图片下载回来,放大看)


 3:执行项目发布

(项目完成后,如果没完成,请省略)

npm run bulid

4:如果有好多项目如何启动其中一个呢?

打开CMD(管理员)

C:WINDOWSsystem32>h:

H:>cd H:demo2

H:demo2>npm run dev

5:安装其他的项目依赖,日后按需求添加

安装vue路由模块vue-router

首先:打开官网http://router.vuejs.org/zh-cn/installation.html

里面有三种安装方法,我们选择第二种

然后在package.json里添加依赖

 安装style-loader

npm installstylus stylus-loader style-loader --save-dev

相关文章

网友评论

      本文标题:1:在windows下搭建Vue2.0学习环境

      本文链接:https://www.haomeiwen.com/subject/lhtosttx.html