本地运行别人的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