《Vue项目的创建以及初始化(两种方法)》

摘要:
有两种方法可以创建和初始化Vue项目。一个是创建命令,另一个是在其UI图形界面上创建命令(我通常使用UI,我懒得键入这么多命令)。创建Vue项目时,请确保已安装节点。NPM通常自带。检查其版本的命令有:node-V和npm-V。如果要更新npm的版本,可以输入npminstall gnpm,并说出创建初始化的命令:first install vue cli命令:npminstallvue cli g//Global installation

  Vue项目创建初始化两种方法,一是命令创建,二是在它的ui图形界面去创建(我一般用ui,主要懒得打那么多命令)~   创建的时候一定要确保node是否安装,npm一般都会自带的,检查它们版本的命令就是:node -V 以及 npm -V ,如果要更新npm的版本就可以输入npm install -g npm

  先说命令创建初始化:

    首先安装vue-cli    命令:npm install vue-cli -g //全局安装脚手架

    新建vue项目:vue init webpack "你的项目名称"

    安装依赖:npm install

    运行项目:npm run dev(这个是2.0版本的)    || npm run serve(4.0版本的)    //至于这个,你可以在packgjson.js里的scripts里找到

  //一定要注意,运行的时候路径是否是你的项目路径,切换路径是cd "你的项目名",打开项目后如果要打开终端,可以用ctrl+shift+~就可以了

  现在来说一下ui图形界面创建项目:

    首先新建一个文件夹,把文件夹用编辑器打开,然后打开终端,输入  vue ui 就可以了,进入后,点击Vue项目管理器下面的创建(如果有文件,可以直接选择导入)

    《Vue项目的创建以及初始化(两种方法)》第1张

  //这个就是我们进来后的界面

    如果我们要安装axios或者是其他的一些ui组件库,可以点击依赖,然后在安装依赖这里点击,输入你要的插件名,找到后,点击两下就可以自己下载了~

    《Vue项目的创建以及初始化(两种方法)》第2张

  //下载完后

    如果要运行项目,点击任务,再点击旁边的serve,再点击运行,运行成功后,点击启动app就可以了~

  《Vue项目的创建以及初始化(两种方法)》第3张

    主要就是这些,有什么不懂的可以多去看看官网:https://cn.vuejs.org/ 

免责声明:文章转载自《《Vue项目的创建以及初始化(两种方法)》》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇[shell]简单的shell提示和参数脚本[ Python入门教程 ] Python中日期时间datetime模块使用实例下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

2/3 初次搭建 Vue 项目遇到的问题汇总

  今天步子扯开的有点大   初步看了一下 Vue-router 然后就开始用脚手架 Vue-cli 来搭建第一个项目了   遇到的问题确实很多,还有一些疑问,自己查资料都大致解决了一部分   ( 推荐还是理解了一部分的有缘人 进行阅读理解 如果有错 请大家指正 )   按照流水账来说一下 首先是 Vue-router    这里先简单谈一下,我的理解  ...

ucosiii任务管理相关知识

只要学习和理解:任务状态 任务堆栈 任务控制块 任务就绪表 任务调度和切换 关于任务状态: 任务堆栈是任务的重要部分,堆栈是在RAM中按照“先进先出(FIFO)”的原则组织的一块连续的内存空间。为了满足任务切换和相应中断时保存CPU寄存器中的内容及任务调用其他函数时的需要,每个任务都应该有自己的堆栈。 1、任务堆栈的创建: UCOSIII中任务堆栈的创建...

Camera Service

上面这张图比较清楚的表现了camera provider进程在camera架构中位置,作为承上启下的部分,和cameraserver进程和底层的驱动交互,camera provider进程非常重要,camera HAL层几乎全部运行在camera provider进程中完成。 首先看下camera provider所在源码中的位置:hardware/in...

vue中按需使用第三方插件

基于vue-cli3 1.安装element-ui 和按需加载插件 cnpm install element-ui babel-plugin-component --save-dev 2.添加配置,在根目录新建babelrc,需要重启服务 { "presets": [["es2015", { "modules": false }]], "plug...

在vue项目中使用axios发送FormData

这个是axios的中文文档,挺详细的: https://www.kancloud.cn/luponu/axios/873153 文档中的 使用 application/x-www-form-urlencoded format 这一部分讲的就是 通过axios发送FromData的方法, 下面是我在vue项目中使用的示例: 在本组件的method添加了一个点...

在vue cli 3生成的项目中设置less ,sass, stylus的全局变量

如题: 其实看官方文档我们知道可以使用style-resources-loader这个loader来设置自动化导入 在每一个关于stylus的文件中导入想要的导入的文件,你也可以设置为在每一个sass或者less文件中导入 但是这是新增了一条规则,来处理自动化导入。 有没有其他方式呢?那就是向预处理器传递选项 当然,我们还可以设置vue.config.js...