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