美文网首页Vue
vue环境安装

vue环境安装

作者: 程序员同行者 | 来源:发表于2018-04-26 10:14 被阅读4次
node.js安装
https://nodejs.org/en/
cnpm安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
cpnm全局安装vue-cli
cnpm install -g vue-cli
目录下创建一个基于 webpack 模板的新项目
vue init webpack my-first-project
设置项目名字、作者......
然后 cd my-first-project  进到项目目录里面,安装项目依赖
cnpm install
可以看到my-vue-project文件夹下多了一个node_modules文件
运行项目
使用命令npm run dev 运行项目

cnpm run dev

项目运行成功后浏览器访问地址

http://127.0.0.1:8080/

image.png

相关文章

  • Vue.js 初探

    vue 环境安装 vue 项目初始化 vue 项目结构 vue 环境安装 vue需要npm命令安装安装node环境...

  • vue3.0如何创建一个项目

    安装vue环境 想要学习首先需要安装vue环境 然后运行 这样你安装了vue cli3 创建一个vue项目 你会被...

  • 第一个web项目实例总结1

    1.环境准备 1.安装vue(已经安装过npm)cnpm install vue2.安装vue-cli:cnpm ...

  • vue-cli脚手架搭建项目及Axios封装

    一、安装node环境 vue运行是基于node环境的,构建vue框架之前,需要确保node环境安装成功。 在nod...

  • vue--学习第一天

    [toc] 环境:centostips: 可以将npm 换成cnpm 加快安装速度, 安装vue 安装vue脚手架...

  • vue2.0 和 vue3.0 环境在同一台电脑上分别运行

    局部安装 vue2.0 环境 局部安装环境新建 vue2 文件夹,使用 cmd 打开并执行 成功后,会在 vue2...

  • VUE初学

    vue-cli(vue脚手架) 1.安装vue-cli ① 使用npm(需要安装node环境)全局安装webpac...

  • vue-安装vue

    参考 vue官网 vue官方学习引导 vue API 使用NPM安装vue 前提是安装了node环境 npm in...

  • 浏览器如何看vue服务源码js

    1. vue工程运行命令 默认vue环境已安装好,具体安装步骤,可参考Vue.js 安装执行如下命令,运行vue工...

  • vue入门归纳

    VUE搭建环境 一、安装node.js 二、安装vue的脚手架 npm install --global vue-...

网友评论

本文标题:vue环境安装

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