如何搭建vue项目,完整搭建vue项目

   日期:2021-04-14     浏览:122    评论:0    
核心提示:优秀开源vue项目第一步npm安装首先:先从nodejs.org中下载nodejs直到Finish完成安装。打开控制命令行程序(CMD),检查是否正常第二步项目初始化1.第一步:安装vue-clicnpm install vue-cli -g //全局安装 vue-cli查看vue-cli是否成功,不能检查vue-cli,需要检查vue选定路径,新建vue项目,这里我是在桌面上新建了sun文件夹,cd目录路径下面我一项目名为sell新建vue项目vue init

优秀开源vue项目

第一步npm安装

首先:先从nodejs.org中下载nodejs




直到Finish完成安装。
打开控制命令行程序(CMD),检查是否正常

第二步项目初始化

1.第一步:安装vue-cli

cnpm install vue-cli -g //全局安装 vue-cli

查看vue-cli是否成功,不能检查vue-cli,需要检查vue

选定路径,新建vue项目,这里我是在桌面上新建了sun文件夹,cd目录路径

下面我一项目名为sell新建vue项目

vue init webpack ”项目名称“

现在已经创建好了,那就让项目先安装下依赖再运行一下,会出现下面的页面,操作指令是:

cnpm install

cnpm run dev

注意 这里要在sell下进行安装和运行哦!!!

安装成功。
利用vue-cil初始化构建vue项目,我们会获得一个初始化的文件夹结构,如下:

下面开始进入你的vue之旅吧!!
https://cn.vuejs.org/

使用淘宝NPM 镜像
大家都知道国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

这样就可以使用cnpm 命令来安装模块了。

一切开始的地方

转载自:https://www.jianshu.com/p/02b12c600c7b

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
更多>相关资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服