首页 > 其他 > 详细

VUE安装并配置

时间:2020-07-24 12:20:29      阅读:52      评论:0      收藏:0      [点我收藏+]

安装node.js

http://nodejs.cn

选择32位还是64位,下载然后安装。一定要选择好安装目录,建议选D盘

下载好后,win+r 或者 右键左下角选择命令提示符,显示node版本就表示安装成功了

node -v
npm -v

技术分享图片

 

 

 使用淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org;

可以加快下载依赖速度

安装vue脚手架

npm install -g vue-cli

是否安装成功:vue -V

webpack的版本查询:webpack -v

创建vue项目

首先要cd到要创建项目的目录中

vue init webpack demoName

输入命令后,会询问我们几个简单的选项,我们根据自己的需要进行填写就可以了。

  • Project name :项目名称 ,如果不需要更改直接回车就可以了。注意:这里不能使用大写,所以我把名称改成了vueclitest
  • Project description:项目描述,默认为A Vue.js project,直接回车,不用编写。
  • Author:作者,如果你有配置git的作者,他会读取。
  • Install  vue-router? 是否安装vue的路由插件,我们这里需要安装,所以选择Y
  • Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。我们这里不需要输入n(建议),如果你是大型团队开发,最好是进行配置。
  • setup unit tests with  Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha,我们这里不需要,所以输入n。
  • Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试,我们这里不需要,所以输入n

运行项目

cd到项目目录中

npm install

等安装完

npm run dev 或者 npm run serve

他会提示你运行的路径和端口

VUE安装并配置

原文:https://www.cnblogs.com/zyfeng/p/13370925.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!