首页 > 其他 > 详细

vue 的创建和初始化项目及前期准备工作

时间:2021-04-27 14:27:20      阅读:15      评论:0      收藏:0      [点我收藏+]
一.前期准备工作

先安装node.js
Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/

1.cmd检测是否安装成功
node –v //检查node是否安装成功

node.js自带有npm,一般安装完node.js,npm也安装完了

npm -v//检查npm是否安装成功

 2.使用淘宝的npm 镜像(使用npm来安装包使用的是国外的地址,经常会出现超时错误,可以通过修改为国内的淘宝源来加速安装。)

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

二.创建和初始化vue


1.安装vue-cli

cnpm install vue-cli -g      //全局安装 vue-cli
2.创建vue项目
先创建一个文件夹来存放vue项目

   然后打开文件夹,在目录地址上输入cmd即可进入终端(此时路径即刚刚的文件夹)

 在终端输入以下命令:

vue init webpack  项目名称
? Project name //项目名称
? Project description A Vue.js project //项目描述,默认的
? Author *@qq.com //默认,回车即可
? Vue build (Use arrow keys) //默认,回车即可
? Vue build standalone //默认,回车即可
? Install vue-router? No //是否安装路由
? Use ESLint to lint your code? Yes //是否用ESLint来规范我们的代码
? Set up unit tests No //是否使用自动化的测试工具
? Setup e2e tests with Nightwatch? No //使用nightatch设置E2E测试
? Should we run npm install for you after the project has been created? (recommended) npm //选择npm安装

 

3.安装相关依赖
cnpm install

 4.运行项目


npm run dev

 

vue 的创建和初始化项目及前期准备工作

原文:https://www.cnblogs.com/bxtfdxg/p/14708379.html

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