您的位置:首页 > Web前端 > Vue.js

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

2018-11-22 11:36 363 查看

1. 下载安装nodejs和git

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

3. 执行命令创建一个基于webpack打包工具的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. 注意还有一个命令提示,需要进行下面两个命令的操作

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

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

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

使用yarn来运行项目:

1. 执行命令进入配置项

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

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

就可以开启本地服务器

 

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: