(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. 提示执行下面两个命令
就可以开启本地服务器
阅读更多
相关文章推荐
- Vue项目 一、准备以及初始项目解析
- Vue项目 三、资源准备以及项目分解
- VUE学习-webpack搭建Vue项目环境准备
- vue开发环境准备-创建一个vue项目
- 基于vue-cli的vue项目之axios的使用1--准备工作
- vue 搭建项目
- webstrom Debug 调试vue项目的方法步骤
- 01、Vue.js 开篇---Vue的介绍及准备工作
- nginx部署访问vue-cli搭建的项目的方法
- 使用vue-cli搭建vue项目完整版
- github项目学习--Vue结合Pug模板引擎
- Vue 项目搭建流程
- 通过命令行创建vue项目的方法
- vue中项目打包好后,elementUI样式优先级高,覆盖本地样式
- Windows环境搭建VUE前端开发环境-项目新建与调试
- 如何使用vux创建vue项目
- 开始joomla2.5项目前的准备工作
- 在vue项目中引入highcharts图表的方法
- vue项目的搭建
- Vue项目全局配置页面缓存之按需读取缓存的实现详解