美文网首页
vue.js搭建

vue.js搭建

作者: 哓两々 | 来源:发表于2017-05-22 18:26 被阅读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

    相关文章

      网友评论

          本文标题:vue.js搭建

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