浅谈Vue(Vue项目搭建)
来源:互联网 发布:大学一个人知乎 编辑:程序博客网 时间:2024/06/04 19:14
前言:项目使用vue,记录搭建项目到上线心得,会一直跟新………
个人心得,项目使用vue两种方式,一种就是传统的使用方式,使用script标签直接引入;
<script src="https://unpkg.com/vue/dist/vue.js"></script>
另外就是搭建脚手架,使用npm安装,安装步骤:
1、检查是否安装有nodeJS环境,没有的安装nodejs环境,4.0版本以上。
(1)、傻瓜式安装nodejs,去node官网下载,之后就是各种下一步。
安装vue-cli
- npm install vue-cli -g - $ npm install --global vue-cli - $ npm install -g vue-cli
上面命令都可以安装vue脚手架,选择其中一条命令即可,行情问题,npm比较慢,可以使用cnpm
安装基于webpack工具的vue项目
vue init webpack sell //sell项目名称
执行完上面的命令后,窗口出现下图选择项
每一行对应分别是:
1. 项目名字
2. 项目描述
3. 作者
4. ES6代码风格检查器(需要就Y,不需要就N,建议新手N)
5. preset预设的选项,直接回车就好
6. 单元测试(如果基于界面测试选N)
7. e2e tests(选择N就好,目前没查为啥)
*以上的配置会在项目的package.json配置里*
这样,当前目录就会生成一个sell的项目。
现在需要启动项目,启动之前需要安装依赖
npm install
下载完成之后,便可以启动项目;依赖安装结束显示!
启动项目:
npm run dev
项目启动成功!
国情的问题,如果需要使用cnpm代替npm 的话,执行命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org
阅读全文
0 0
- 浅谈Vue(Vue项目搭建)
- vue-cli搭建vue项目
- vue项目-搭建(1)
- 浅谈Vue(使用vue+element ui搭建页面)
- 浅谈 Vue 项目优化
- 浅谈 Vue 项目优化
- 浅谈 Vue 项目优化
- 浅谈 Vue 项目优化
- vue项目的搭建
- vue项目搭建
- Vue项目搭建
- 搭建vue项目工程
- 搭建一个VUE项目
- vue-cli搭建项目
- Vue项目搭建
- 【blog】vue项目搭建
- vue-cli 项目搭建
- vue项目搭建步骤
- Spring 注解的DI
- 梯度爆炸的解决办法:clip gradient
- Python学习笔记-循环
- android控制音量键按下的操作
- 误入前端三年,一个文科生的独白(中)
- 浅谈Vue(Vue项目搭建)
- ajax 调用 java webapi 多个参数(二)
- 微信开发高级群发接口
- Magic FZU
- 下载36氪 播氪的音频
- SSH 无密码登录 (Ubuntu 14.04)
- 【python学习笔记】21:numpy傅里叶变换
- 如何查看uburtu下编译过的android源码版本信息
- java8 统计字符串字母个数的几种方法(有你没见到过的)