vue - 创建新项目

vue脚手架官网地址:  https://cli.vuejs.org/zh/

vue官网地址: https://cn.vuejs.org/

参考博客:https://www.cnblogs.com/wangcuican/p/11650118.html

https://www.cnblogs.com/linjiu0505/p/11549372.html

1、检查安装环境

(1)npm

版本要求:npm > 3

检测命令:npm -v

升级npm:npm install npm -g

(2)node

版本要求:node >= 8

检测命令:node -v

可以使用nvmnvm-windows在同一台计算机上管理多个版本的Node。

(3)webpack

检测命令:webpack -v

安装命令:

1)npm install -g webpack webpack-cli   // 全局安装webpack和webpack-cli(webpack脚手架)

2)npm install webpack webpack-cli --save-dev   // 项目安装webpack和webpack-cli(webpack脚手架)

检查版本 :

  1)webpack -v      //  全局安装时使用此命令

2)npx webpack -v      //  项目安装时使用此命令

webpack-cli作用:

使得我们命令行中正常使用webpack命令,如果不安装的话,我们就没法在命令行中运行webpack或者npx webpack命令

2、搭建项目环境

(1)npm install vue      //  安装vue  最新稳定版

(2)npm install --global vue-cli    //  安装vue脚手架

(3)vue init webpack my-project       //  创建一个基于 webpack 模板的新项目

my-project,项目名,自行定义;

这里需要进行一些配置,默认回车即可

(4)cd my-project    //  进入项目

(5)npm install        //   安装依赖

(5)npm run dev    //   运行

游览器输入地址 http://localhost:8080  就可以啦

原文地址:https://www.cnblogs.com/AmberNi/p/11667038.html

时间: 2024-09-29 08:01:33

vue - 创建新项目的相关文章

cocos2d-x3.2创建新项目失败的一种可能性(cygwin自带的python2.6被抢先执行)

之前一直使用cocos2d-x2.2写游戏,写了几个游戏后,想尝试下3.x版本的新功能,就下载了cocos2d-x3.2版本. 参照官方文档的说法,cocos2d-x3.x版本需要python2.7环境支持,python2.6以及python3.x版本都不行,所以特意去python官网下载了2.7.8版本,安装好后进入目录: cocos2d-x-3.2\tools\cocos2d-console\bin 执行命令: python cocos.py new HelloCpp -p com.hell

Android创建新项目及开发

创建一个新项目是很简单的,只要你安装了Eclipse插件,并且你的Eclipse软件版本在3.2或3.3,你就可以开始开发了. 首先, 看一下要创建"Hello, World"程序从高级层面上有哪些步骤: 1, 通过 File -> New -> Project 菜单,建立新项目"Android Project" 2, 填写新项目各种参数. 3, 编辑自动生成的代码模板. 仅此而已,我们通过下面的详细说明来完成每个步骤. 1.创建一个新的Android项

如何安装Scrapy及创建新项目

今天给大家写了一个Scrapy入门教程,帮助大家安装Scrapy和创建新项目. 1. 首先需要安装如下软件 Python 2.7 lxml OpenSSL pip or easy_install 2. 安装必备软件 sudo apt-get install libevent-dev sudo apt-get install python-dev sudo apt-get install libxml2-dev sudo apt-get install libxslt1-dev sudo apt-

【新手入门】基于Cocos2d-x-2.2x 创建新项目(一)

来自:http://cn.cocos2d-x.org/article/index?type=cocos2d-x&url=/doc/cocos2d-x-ch/manual/framework/native/v2/getting-started/setting-up-development-environments/windows-7-environment-setup/setup-win32-development-environment/zh.md 菜鸟阶段,为了便于自己创建cocos2d-x创

cocos2dx 2.2.3创建新项目

cmd cd G:\DesignSoftware\cocos2d-x-2.2.3\cocos2d-x-2.2.3\tools\project-creator create_project.py -project HelloWorld -package com.gkh.helloworld -language cpp cocos2dx 2.2.3创建新项目

android教程:Android创建新项目及开发

android教程:Android创建新项目及开发,这篇文章是比较简单的知识,比较适合才入门的同学们看,当然,大家也可以来看看我总结的,给小编一点意见,说说你们的看法! 创建一个新项目是很简单的,只要你安装了Eclipse插件,并且你的Eclipse软件版本在3.2或3.3,你就可以开始开发了. 首先, 看一下要创建Hello, World程序从高级层面上有哪些步骤: 1.通过 File -> New -> Project 菜单,建立新项目Android Project 2.填写新项目各种参数

Windows平台cocos2d-x 3.2下载以及创建新项目过程

首先,有关于cocos2d-x在windows下Android环境的搭建, 请参考一位网友的这篇博文<cocos2d-x 3.0rc开发指南:Windows下Android环境搭建>. 这里简单列一下所需工具的下载地址: 1.JDK 下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html 2.ADT(Android Developer Tools),里面包含了SDK和Eclipse. 下载地址是:http:

解决android studio 创建新项目后假死

概况:升级sdk编译api后,创建新的android项目后,在构建过程中假死:原有创建的项目 均运行正常:但是新建的项目只要build,电脑除了鼠标之外的,什么都动不了. 通过一系列的折腾,并重启了N次,冒着硬盘会坏的风险,做了如下测试. 解决步骤: 0.对了半天api,我构建用的api都有了. 1.上网去查类似问题,可以说是众说风云,但是可以关注的一点就是有关gradle 的配置.首先是用可以打开的项目加载后,找到setting gradle设置.将offline work之类的 设置打勾.

cocos2d-x 3.2 创建新项目问题

cocos2d-x 3.2 执行cocos2d-x\tools\cocos2d-console\console下的cocos2d.py,输入相应的参数即可创建一个新的项目,具体参数网上介绍一大堆,就不说了.... 但是创建的新项目运行的时候会出现以下错误: C:\Program Files (x86)\MSBuild\Microsoft.Cpp\v4.0\V110\Microsoft.CppCommon.targets(129,5):error MSB3073: 命令“if not exist"