Vue新建项目目录

前期准备

第一步:百度搜索Node。js  下载node,进行傻瓜式安装

第二步:使用cmd(控制命令行程序),检查是否安装成功

输入:node -v

npm -v

使用淘宝NPM镜像

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

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

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

第三步:安装vue-cli

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

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

前期工作准备完毕,开始创建项目

选定路径,新建vue项目,vue init webpack  ”项目名称“

cd ”项目名称“

启动项目   npm run dev

创建项目完成!

原文地址:https://www.cnblogs.com/WEB_zhumeng/p/12050004.html

时间: 2024-08-28 19:39:18

Vue新建项目目录的相关文章

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

Angular新建项目目录结构详解

在上一篇博客中我们已经通过Angular CLI命令行工具创建出来一个全新的Angular项目,要想写项目,首先我们要先搞清楚项目的目录结构是怎样的,每个文件又有什么意义,文件中的代码又起到什么作用. 首先看一下整体的目录结构: 可以看到,命令行工具自动生成了很多文件和目录,我们来说说这些目录是干什么的 首层目录: node_modules 第三方依赖包存放目录 e2e 端到端的测试目录 用来做自动测试的 src 应用源代码目录 .angular-cli.json Angular命令行工具的配置

vue新建项目之标准路由配置

配置路由所有用到的地方总共四步或者说四处 1.index.js(src--router--index.js) import Vue from 'vue' import Router from 'vue-router' // import HelloWorld from '@/components/HelloWorld' import Home from '@/components/layout/Home' import showuser from '@/components/t_dom_owne

解决Maven新建项目目录不完整的问题

主要是jdk的版本设置问题 两个解决方法,一个一次性,一个永久性(更改poe.xml):非永久:1.在项目上右键propeties,设置java compiler的jdk版本为1.8(系统默认1.5):设置project facts的java版本为1.8 永久性:在poe.xml中添加以下代码,主要设置了jdk的版本 <build> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupI

vue新建项目之饿了么组件标准配置

main.js import Vue from 'vue' import App from './App.vue' import ElementUI from 'element-ui'; import router from './router' import 'element-ui/lib/theme-chalk/index.css'; import '../public/css/main.css' import store from '../store' Vue.config.product

Android之新建项目

最近开始接触Android,实践出真理,接下来实际创建Android应用程序. 1.启动Eclipse,依次选择 " File/New/Project... " 或 " File/New/Other...",将弹出创建项目窗口,如下图: 2.选择" Android Application Project ",单击" Next " 按钮,将弹出填写项目信息的界面,按需填写信息后,如下图: 3.单击" Next &quo

vue项目目录结构

如上图所示,我们的目录结构就是这样的了. 目录/文件 说明 build 这个是我们最终发布的时候会把代码发布在这里,在开发阶段,我们基本不用管. config 配置目录,默认配置没有问题,所以我们也不用管 node_modules 这个目录是存放我们项目开发依赖的一些模块,这里面有很多很多内容,不过高兴的是,我们也不用管 src 我们的开发目录,基本上绝大多数工作都是在这里开展的 static 静态资源 .xxxx文件 这些是一些配置文件,包括语法配置,git配置等.基本不用管,放着就是了 in

vue项目目录结构详解

项目简介基于 vue.js 的前端开发环境,用于前后端分离后的单页应用开发,可以在开发时使用 ES Next.scss 等最新语言特性.项目包含: 基础库: vue.js.vue-router.vuex.whatwg-fetch 编译/打包工具:webpack.babel.node-sass 单元测试工具:karma.mocha.sinon-chai 本地服务器:express 目录结构 ├── README.md            项目介绍 ├── index.html          

Vue Vue项目目录结构梳理

Vue项目目录结构梳理   by:授客 QQ:1033553122 1.   结构梳理   . ├── build/                      # webpack 配置文件: │   └── ... ├── config/                      # 与项目构建相关的常用的配置选项: │   ├── index.js                # 主配置文件 │   ├── dev.env.js              # 开发环境变量 │   ├── p