vue如何新建一个项目（超详细哦--转）

2024-04-08 13:04:18

原文链接

vue创建项目（npm安装→初始化项目）

第一步npm安装

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

双击安装，在安装界面一直Next

直到Finish完成安装。

打开控制命令行程序（CMD）,检查是否正常

使用淘宝NPM 镜像

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

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

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

第二步项目初始化

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之旅吧！！

vuejs参考手册 //官网才是开始的必经之路。。。。

vue如何新建一个项目（超详细哦--转）相关推荐

vue如何新建一个项目（详细步骤）
vue创建项目一.安装node环境与npm 1.首先:先从https://nodejs.org/en/中下载node.js 按照提示一直点next,直到Finish完成安装 2.打开控制命令程序cm ...
VUE+VSCODE(新建一个项目）
VUE+VSCODE(新建一个项目) vue 新建一个项目 vue init webpack projectName ①.Project name (sanfeng1):项目名称(sanfeng1). ...
从零开始，手把手交给你vue如何新建一个项目
vue创建项目(npm安装→初始化项目) 第一步npm安装首先:先从nodejs.org中下载nodejs 图1 双击安装,在安装界面一直Next 图2 图3 图4 直到Finish完成安装. 打开 ...
vue如何新建一个项目
vue创建项目(npm安装→初始化项目) 第一步npm安装首先:先从nodejs.org中下载nodejs 双击安装,在安装界面一直Next 等待node.js安装完成,在DOS命令窗口下对node ...
【AD】Altium Designer 新建一个项目
软件版本:Altium Designer 14 通常一个嵌入式开发都需要一个开发板,这就涉及到原理图设计和PCB设计等流程.目前比较主流的设计软件当属Altium Designer了,于是便向写一个关 ...
nodeJS入门——新建一个项目及代码详解
nodeJS入门--新建一个项目及代码详解有了解nodejs的童鞋们知道,nodejs有很多的依赖,那么我们在新建一个项目的时候,如何快速的导入这些依赖从而创建一个nodejs项目呢,接下来会 ...
Altium designer入门教程：新建一个项目
因为项目需要进行PCB设计,之前自学时,一直没有找到一个系统的介绍如何设计PCB的教程,因此萌生了自己撰写的想法.一方面总结一下,另一方面也可向大家分享知识,降低硬件电路设计的门槛. Altium d ...
django新建一个项目_如何使用Django创建项目
django新建一个项目 Now that we know how to create virtual environments and use pip, we can begin building ...
AUTOCAD_ELECTRICAL从入门到放弃（一）新建一个项目和修改编辑块的属性
AUTOCAD_ELECTRICAL从入门到放弃(一)新建一个项目和修改编辑块的属性 AUTOCAD ELECTRICAL据说画电路图比AUTOCAD要好用一点,那么就下载下来入坑看一看,到底使用起来 ...

最新文章

热门文章