博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue cli 框架搭建
阅读量:6868 次
发布时间:2019-06-26

本文共 1580 字,大约阅读时间需要 5 分钟。

在创建项目前,我们需要先确认node ,npm , webpack等环境是否存在,如果没有的话,我们需要先将环境配置完整后再进行项目的创建!


验证node是否安装:          

node -v复制代码

验证npm是否安装:

npm -v复制代码

安装node:

windows 安装包(.msi)

32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

安装webpack:

$ npm install webpack -g复制代码

安装npm:

现在安装node就会自带npm的安装,并不需要另外安装

git下载地址:

$ git clone --recursive git://github.com/isaacs/npm.git  复制代码

(一般npm环境下载速度较慢。可以下载淘宝镜像cnpm来提高速度,但有时两者下载的文件版本会有细微差别)

淘宝镜像: http://npm.taobao.org/

$ npm install -g cnpm --registry=https://registry.npm.taobao.org复制代码

安装vue框架

$ npm install vue复制代码

安装vue脚手架: vue-cli

$ cnpm install vue-cli -g复制代码

检测vue版本:

$  vue --version复制代码

下面就可以开开心心的使用webpack 搭建项目实例喽!!!

webpack完整版:

$ vue init webpack demo复制代码

webpack 简约版:

$ vue init webpack-simple demo复制代码

进入项目目录:

$ cd demo复制代码

下载安装依赖:

$ cnpm install 复制代码

下载完成后启动vue项目:

$ npm run dev复制代码

下载安装vue router:(现在创建项目时会提示是否安装router,回复y即可)

$ npm install vue-router --save复制代码

下载安装Sass (关于sass/less在vue中的配置和使用会在接下来的文章详细说明)

$ npm install node-sass --save-dev  $ npm install sass-loader --save-dev复制代码

下载安装Less

$ npm install less --save-dev  $ npm install less-loader --save-dev 复制代码

下载安装axios:

$ npm install axios --save复制代码

下载vue ui框架iview:

$ npm install iview --save复制代码

项目打包:

$ npm run build复制代码

** 完 **


作者:晴天de雨滴        出处:https://juejin.im/post/5a125827518825293b4fea8a    版权所有,欢迎保留原文链接进行转载:) 复制代码

如果你对我对文章感兴趣或者有些建议想说给我听?,也可以添加一下微信哦!

如果亲感觉我的文章还不错的话,可以一下添加关注哦!

-----再或者感觉我的文章对您有所帮助,可以扫描二维码打赏一下我呦!这样我会更有动力给大家提供更优质的文章哦! 谢谢您!!!

最后:        祝各位工作顺利!                        -小菜鸟Christine复制代码
你可能感兴趣的文章
使用JSOM创建一个SharePoint网站计数器
查看>>
老硬盘华丽变身高速硬盘
查看>>
IT公司规模对技术人员知识增长率的影响
查看>>
由日企衰败联想到的运维管理问题
查看>>
Outlook中轻松添加LDAP服务
查看>>
线上咨询交易火爆 新模式还是新机遇?
查看>>
比较使用sql*loader的直接加载方式和传统加载方式的性能差异
查看>>
HAProxy Nginx LVS Apache总结篇
查看>>
BlackBerry Localization sample (1)
查看>>
类模版和函数模版需要注意的
查看>>
用 Tornado 实现简单的在线代理
查看>>
函数指针和指针函数
查看>>
HTML 如何让图片全屏的问题
查看>>
silverlight 如何在浏览器的新页面里打开一个xaml
查看>>
SQL Tuning Advisor使用实例
查看>>
server-U上传中文文件乱码
查看>>
编程珠玑:用后缀数组寻找最长重复字符串
查看>>
Java写到.txt文件,如何实现换行
查看>>
通过http proxy访问git 服务
查看>>
JavaScript之isNaN()函数讲解
查看>>