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

  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项目管理器下面的创建(如果有文件,可以直接选择导入)

    

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

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

    

  //下载完后

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

  

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

原文地址:https://www.cnblogs.com/kitty-chan/p/12850467.html