vue.js搭建

2017-05-22  本文已影响0人  哓两々

不多说废话,直接说内容

一、安装nodejs

搭建vue.js之前要安装nodejs,百度nodejs官网

二、npm替换cnpm镜像安装

如果在cmd中直接使用npm来安装的一些工具的话会比较慢,所以我们使用淘宝的npm镜像:

输入npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了

三、设置global和cache路径

npm config set cache "D:\vuejs\vue_cache"     设置缓存路径

npm config set prefix "D:\vuejs\vue_global"   设置安装路径

四、安装vuejs

npm install vue --save

vue init webpack my-project  创建一个基于 webpack 模板的新项目

安装依赖,走你

cd my-project  回车    安装依赖,生成node_modules目录(安装依赖的代码库)

npm install  回车  会生成这个文件夹node_modules(注:当我们把用vue-cli脚手架搭建成的vue项目复制到其他地方时,要把node_modules目录删除,不然在其他地方无法执行cnpm run dev,这其中设计到路径的问题。删除之后要重新cnpm install)

五、安装成功

npm run dev 回车,就会打开浏览器 http://localhost:8080

上一篇 下一篇

猜你喜欢

热点阅读