本地运行别人的vue项目;新建一个vue项目;打包并部署一个vue项目

看别人的程序的过程

一,在vs code终端进入该文件夹,(中文不可以出现)

二、安装依赖文件;

cnpm install

三、安装server

cnpm run serve 

//实际上是运行写在package.json中scripts{}对象里面的脚本
//可以用cnpm init --yes生成package.json

另,如果需要加载私有库

cnpm install nrm -g
nrm add xxx url
nrm ls           //查看registry列表
nrm use xxx      //使用私有仓库xxx
cnpm config set registry url

一个无package.json的项目的启动:https://blog.csdn.net/weixin_34253539/article/details/91394367

为终端添加加载私有库的权限:https://blog.csdn.net/qq_45164496/article/details/102170303

新建一个vue项目的过程

一,vscode终端进入一个空白文件夹,安装依赖

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

二、设置一个项目名称pro_name,在原来的文件夹里会新建一个文件夹pro_name

vue init webpack  pro_name

三、进入新设置好的文件夹,安装依赖

cnpm install

四、运行这个项目

cnpm run dev

在这一步后,进入本地网址,看到的就是就是vue的demo 。之后的文件都在src文件夹内部增添。

vue项目的访问依赖依次是:index.html ->./src/main.js -> ./src/App.vue。在app.vue里添加其他组件。

部署一个项目到服务器的过程

一、打包项目

cnpm run build

二、使用xshell和xftp将文件运送到服务器的指定文件夹

三、将dist文件夹内部的文件及文件夹复制一份,复制到指定的发布文件夹

如果是从零开始配置nginx,看参考文档https://blog.csdn.net/Helloyaling/article/details/106795000?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase

posted on 2020-07-08 16:49  guoguor  阅读(742)  评论(0编辑  收藏  举报

导航