vue - 新建一个项目

首先: 要先安装node 及 npm

Node.js官方安装包及源码下载地址:http://nodejs.org/

双击安装,在安装界面一直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之旅吧!!

https://cn.vuejs.org/                    //官网才是开始的必经之路。。。。

注:以上内容转载:https://www.jianshu.com/p/02b12c600c7b

参考链接:https://www.cnblogs.com/ylboke/p/8393216.html

原文地址:https://www.cnblogs.com/wuss/p/10270516.html

时间: 2024-08-28 23:12:50

vue - 新建一个项目的相关文章

vue-cli新建一个项目

零.我想把项目安装在C:\www\Arup.DAH.ABCD\SourceCode\FrontEnd这个目录下,所以在我想安装的位置,Shift+右键-->powershell窗口,打开下图位置. 一.安装vue-cli(假设已经安装node.js和npm) npm install -g vue-cli 二.新建一个项目,然后根据提示输入yes or no(文件夹名字不输入,则在当前目录下新建项目) vue init webpack ‘文件夹名字’ 三.如果上一步 "Should we r

如何在jenkins上新建一个项目及其简单配置

1.首先,点击[新建]进入选择页面,如下图(一般选择"构建一个自由风格的软件项目")     2.填好项目名称后,点击ok,跳转至如下页面,可以在这个页面进行项目的配置(包括拉源码.修改持续构建时间.打包部署前修改配置文件等) 3.General中的"丢弃旧的构建"可以设定持续构建的 4.在"参数化构建过程"中可以设置要构建的版本有哪些,如下 5.在源码管理模块可以设置源码地址(我们公司一般用的Git) 6.如果是自动化构建,可以在构建触发器中的

Vue搭建一个项目

用Vue搭建一个项目 Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性. Vue.js 支持所有兼容 ECMAScript 5 的浏览器. 安装环境: 第一步:安装  node>js 在这个网站下载适合自己电脑的安装包.然后跟着安装步骤一步一步安装.http://www.cnblogs.com/zzuIvy/p/nodejs_1.html 然后安装好之后需要检查下. 检查是否安装在窗口搜索  cmd 然后输入  node

分针网—IT教育:nodeJS新建一个项目及代码详解

有了解nodejs的童鞋们知道,nodejs有很多的依赖,那么我们在新建一个项目的时候,如何快速的导入这些依赖从而创建一个nodejs项目呢,接下来会详细介绍. 这里安利一个前端开发工具--webstorm.真的很好用,除了有点(或许不是一点点)占内存,打开的时候有点慢.在工作中用这个会很方便(在考虑要不要写一篇前端开发工具的比较,吼吼吼~(≧▽≦)/~) ?下面我们来用命令创建一个nodejs项目. 1.我们在c盘的ws文件夹下创建项目. 打开DOS窗口,进入到ws文件夹 2.在此文件夹下创建

vue-安装及新建一个项目

1.首先我们需要安装node.js,下载地址是:https://nodejs.org/en/ 之后是node.js的正常安装步骤: 接着打开window+R输入cmd回车进入命令行模块 2.确认node.js是否安装,输入:node -v          (若回车后有返回版本号,则说明已安装,若没有返回,表示需要你去安装node.js) 3.接着输入:npm -v 4.接着安装webpack,输入:npm install -g webpack 5.接着使用淘宝镜像输入:npm install

在github新建一个项目里需要哪些文件及作用

1.README.md文件 关于项目的介绍和使用方法. 2.  .gitignore文件 上传项目时不需要传的文件,最常用的就是“node_modules/",如下: 详细的介绍可以去git官网上看:https://git-scm.com/docs/gitignore 规则总结如下: 匹配模式前 / 代表项目根目录 匹配模式最后加 / 代表是目录 匹配模式前加 ! 代表取反 *代表任意个字符 ?匹配任意一个字符 **匹配多级目录 3. .npmignore文件 项目如果要发到npm上共别人使用,

新建一个项目 - 给项目添加导航控制器

1.现在是 当程序程序启动后,在UITabbar上面直接添加了4个UIViewController .但是现在的app上面不会直接添加UIViewController,而是会添加 UINavigationController,在  UINavigationController 上面再添加 UIViewController . 2. 在UITabBarController 类里面,当 给 “addChildViewController” 方法添加 控制器的时候,传一个 导航控制器即可. 如: //

vue新建项目

一直都被如何用vue.js新建一个项目的问题困扰着,经过好久的实践,终于搞清楚如何用vue新建项目了: 1.官网对于vue-cli介绍: Vue.js provides an official CLI for quickly scaffolding ambitious Single Page Applications. It provides batteries-included build setups for a modern frontend workflow. It takes only

在Git中添加一个项目

首先保证Git服务器正确配置,管理员机器可正常连接并使用Git. 第一步:在服务器上新建一个项目仓库 切换到git用户: [email protected]:/home/git$ su - git $ cd /home/git/repositories $ mkdir teamwork.git $ cd teamwork.git $ git init --bare $ exit 现在只是在服务器上新建了一个空仓库 第二步:配置项目权限 修改管理员机器上的gitosis.conf权限配置文件: .