vue环境搭建简介

Posted fanlu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue环境搭建简介相关的知识,希望对你有一定的参考价值。

简单整理下vue的安装的新建项目

安装node.js和npm

参考其他教程

安装vue

npm install vue

安装脚手架 vue-cli

npm install --global vue-cli

安装完成后,执行命令查看vue版本

Vue --version

安装webpack

npm install -g webpack

创建项目

vue init webpack  "ProjectName"

 设置项目属性

  • Project name  输入项目名称
  • Project description 输入项目描述
  • Author 作者
  • Vue build 打包方式,回车就好了
  • Install vue-router?  选择  Y 使用 vue-router,输入 N 不使用
  • Use ESLint to lint your code
  • 代码规范,推荐 N
  • Setup unit tests with Karma + Mocha
  • 单元测试,推荐 N
  • Setup e2e tests with Nightwatch
  • E2E测试,N

运行项目

npm run dev

打包项目

npm run build

 

以上是关于vue环境搭建简介的主要内容,如果未能解决你的问题,请参考以下文章

Vue开发实例(01)之环境搭建nodejs与运行第一个Vue项目

vue环境搭建后,简单的单页面切换详细步骤,代码的放置在啥地方

萌新--关于vue.js入门及环境搭建

spring练习,在Eclipse搭建的Spring开发环境中,使用set注入方式,实现对象的依赖关系,通过ClassPathXmlApplicationContext实体类获取Bean对象(代码片段

Vue环境搭建和项目创建

Vue项目环境搭建