1. 下载安装nodejs和git

(1)用vue写去哪网——项目准备

2. 全局安装vue脚手架vue-cli

(1)用vue写去哪网——项目准备

3. 执行命令创建一个基于webpack打包工具的vue项目的文件夹

(1)用vue写去哪网——项目准备

命令会进入该项目的配置选项:

(1)用vue写去哪网——项目准备

Project name
项目名字
quna.com
quna.com
Project description
项目描述
A Vue.js project about mobile web
一个关于移动端的vue项目
Author
作者
aoe
aoe
Vue build use arrow keys
使用方向键

Install vue-router

安装vue路由?

yes
Ues ESlint to lint your code?
使用ESlint来链接你的代码
yes
pick an ESlint preset
选择一个ESlint预设
standard
标准的
Set up unit tests?
建立单元测试?
no

Set up e2e tests with Nightwatch?

建立e2e夜视测试?

no

Should we run `npm install` for you after the project has been created?

在创建项目之后,是否应该为您运行“npm安装”?

(recommended)npm
推荐 npm

 

4. 注意还有一个命令提示,需要进行下面两个命令的操作

(1)用vue写去哪网——项目准备

(1)用vue写去哪网——项目准备

5. 此时项目会自动下载依赖和构建项目,完成后,项目中多了很多文件

(1)用vue写去哪网——项目准备

6. 让本地文件和GitHub上同步

(1)用vue写去哪网——项目准备

(1)用vue写去哪网——项目准备

(1)用vue写去哪网——项目准备

注意:用npm运行项目的时候,出现了很多的错误,超级多的错误,缺少各种依赖,npm install 出错,npm run build 出错,npm run dev出错,各种错误,折腾了很久,应该是npm的版本有问题,导致npm指令再获取各种包文件的时候,包的版本也是有问题的,或者确少各种包,使得无法开启本地服务器。最后用npm升级npm的时候,也是各种错误。

使用yarn来运行项目:

1. 执行命令进入配置项

(1)用vue写去哪网——项目准备

2. 配置项目,注意:最后选择的时候,选yes,use yarn

(1)用vue写去哪网——项目准备

(1)用vue写去哪网——项目准备

3. 提示执行下面两个命令

(1)用vue写去哪网——项目准备

就可以开启本地服务器

 

相关文章:

  • 2021-12-12
  • 2021-05-12
  • 2021-11-13
  • 2021-08-12
  • 2021-12-27
  • 2021-04-21
  • 2022-02-05
  • 2021-08-13
猜你喜欢
  • 2021-05-25
  • 2021-04-20
  • 2022-12-23
  • 2022-01-09
  • 2021-12-30
  • 2021-04-21
  • 2021-07-09
相关资源
相似解决方案