Vue环境搭建

本文详细介绍了如何在Windows环境下安装Node.js,检查版本,安装Vue-cli,创建并初始化Vue项目,配置Webpack,以及安装必要的依赖。包括使用Vuebuild选项和ESLint进行代码质量控制,但跳过自动安装过程以提高效率。
摘要由CSDN通过智能技术生成

准备阶段

需要的环境:

  • Node.js : http://nodejs.cn/download/
  • Git : https://git-scm.com/downloads
  • 安装 Node.js
  1. 下载 Node.js ,选择 windows 64位
  2. 安装 NodeJs ,一直下一步即可
  3. 查看是否安装成功cmd 下输入,查看是否能够正确打印出版本号即可!
#检查node版本号
node -v
#检查npm版本号
npm -v
#检查cnpm版本号
cnpm -v

安装vue-cli

安装位置为 :C:\Users\Administered\AppData\Roaming\npm

(CMD 命令)
 cnpm install vue-cli -g	

vue list

Vue-cli 程序

  1. 在文件夹中使用cmd创建一个名为 myvue 的vue项目并用webpack打包工具打包
  2. 初始化并运行myvue项目
(CMD 命令)
 # 先找到要创建该文件的目录
 # 这里的 myvue 是项目名称,可以根据自己的需求起名
 vue init webpack myvue

说明:
1、Project name:项目名称
2、Project description:项目描述
3、Author:项目作者
4、Vue build :编译,选择第一个
5、Install vue-router:是否安装 vue-router
6、Use ESLint to lint your code:是否使用 ESLint 做代码检查
7、Set up unit tests:单元测试相关
8、Setup e2e tests with Nightwatch:单元测试相关,选择 n 不安装
9、Should we run npm install for you after the project has been created:创建完成后直接初始化,选择 n,我们手动执行;运行结果!这一步必须n否则后面安装环境时会很慢

(CMD 命令)
# 进入文件夹
cd myvue
# 安装环境
cnpm install
#缺啥东西或者怎样的系统提示要用npm一律改为cnpm
# 启动项目
cnpm run dev
# 停止 ctrl + c
  • 10
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值