美文网首页
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

相关文章

  • 2019-06-15

    Node.js、Vue.js 运行环境搭建记录 参考链接:Vue.js 运行环境搭建详解(基于windows的手把...

  • vue.js搭建个人博客

    为何选择vue.js搭建博客 为什么会选择使用vue.js框架搭建博客呢?原因有多个。作为前后端分离的多数据绑定项...

  • 搭建node.js + Express + webpack +

    搭建node.js + Express + webpack + Vue.js + Mongodb + Docker...

  • VUE学习之路一 项目搭建

    脚手架搭建vue项目框架 CLI3项目搭建查看 搭建方案 vue-cli 是一个官方发布 vue.js 项目脚手...

  • mpvue

    一、mpvue:是一个由美团开发的使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心 二、搭建...

  • Vue脚手架优化

    记录脚手架搭建之后一些优化,包括结构、代码、易用性 1 vue.js 引用组件方式优化 vue.js 引用组件需要...

  • vue-cli生成的webpack配置解析-build/dev-

    我们在使用vue-cli搭建vuejs项目(Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目)的时...

  • Vue.js环境搭建

    Vue.js环境搭建: 1.安装node.js https://nodejs.org/en/download/ ...

  • 初次使用vue

    Get Started 使用@vue/cli搭建项目 vue.js 与 vue.runtime.js SEO(搜索...

  • 【VUE】安装搭建项目vue-cli

    使用 vue-cli 脚手架搭建项目:vue-cli是官方发布的 vue.js 项目脚手架,快速搭建 vue 项目...

网友评论

      本文标题:vue.js搭建

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