vue编程-初建项目

1.首先通过hbuilder创建vue2空白项目
https://www.dcloud.io/hbuilderx.html

创建完成以后的目录结构如下所示

2.将创建好的项目迁移至IDEA[博主更习惯IDEA...]
[同时将代码同步到github上]

2.npm install

3.build

4.修改nginx指向
注意事项:root 仅需要指定文件夹即可

server {
        listen       5200;
        server_name  localhost;
        location / {
            root   C:/Users/Administrator/IdeaProjects/microapplication_front/subView/novelOptimize/dist;
            index  index.html index.htm;
        }
}

5.重启nginx
5.1 杀掉之前的进程
tasklist|findstr "nginx"
taskkill /f /t /pid 1032

5.2重启nginx
netstat -ano |findstr 5200

6.通过浏览器访问构建的dist